Roll Total
Instructions:
1: Copy and paste the following script in the HEAD section of your page:
Select all...
<script language="javascript"> var d1, d2; var ctr=0; var images=new Array(); for(i=0;i<=6;i++){ images[i]=new Image(); images[i].src='dice'+i+'.gif'; } function rolldice(){ document.f.t.value=''; document.f.b.value=' Rolling..... '; if(ctr<6){ showdice(); ctr++; setTimeout('rolldice()',150); }else{ ctr=0; showdice(); document.f.t.value=d1+d2; document.f.b.value='Roll the dice...'; }} function showdice(){ d1=Math.floor(Math.random()*6+1); d2=Math.floor(Math.random()*6+1); document.images['d1'].src='dice'+d1+'.gif'; document.images['d2'].src='dice'+d2+'.gif'; } </script>
2: Copy and paste the following HTML in the BODY section of your page:
Select all...
<form name="f"> <table> <tr height="60"> <td align="center"> <img src="dice1.gif" name="d1"> </td> <td width="50"> </td> <td align="center"> <img src="dice1.gif" name="d2"> </td> </tr> </table> <br><br> <b>Roll Total</b> <input type="text" size="2" value="" name="t" readonly onClick="document.f.b.focus()" onSelect="document.f.b.focus()"> <br><br> <input type="button" name="b" value="Roll the dice..." onClick="rolldice()"> </form>