JavaScript dice simulator
 

Description: This is a fun JavaScript dice...use it when the real thing's not close by!

Example

Directions:

Step 1: Copy the following images for use as the six faces of the dice (or use your own, if you wish):

         

Step 2: Copy the below code where you wish the dice to appear:

<script> //preload the six images first var face0=new Image() face0.src="d1.gif" var face1=new Image() face1.src="d2.gif" var face2=new Image() face2.src="d3.gif" var face3=new Image() face3.src="d4.gif" var face4=new Image() face4.src="d5.gif" var face5=new Image() face5.src="d6.gif" </script> <img src="d1.gif" name="mydice"> <form> <input type="button" value="Throw dice!" onClick="throwdice()"> </form> <script> function throwdice(){ //create a random integer between 0 and 5 var randomdice=Math.round(Math.random()*5) document.images["mydice"].src=eval("face"+randomdice+".src") } </script>