<html>
<head>
<title>Beat-That!</title>
<style type = "text/css">
table { width: 15em }
th { text-align: left }
</style>
<script type = "text/javascript">
var round;
var player1 = [ ,1,1,1,1,1];
var player2 = [ ,1,1,1,1,1];
var total1=0;
var total2=0;
var winner1;
var winner2;
total1=total1*player1;
total2=total2*player2;
function play()
{
for ( var roll = 1; roll <= 6; ++roll )
{
round = Math.floor( 1 + Math.random() * 5 );
++player1[ round ];
}
if (total1>total2)
{
winner1 = 1;
winner2 = 0;
}
else{
winner1= 0;
winner2 = 1;
}
for ( var roll = 1; roll <= 6; ++roll )
{
round = Math.floor( 1 + Math.random() * 5 );
++player2[ round ];
}
document.writeln("<table border = \"1\"><thead>");
document.writeln("<th>Round</th>" +
"<th>Player 1</th>" + "<th>Player 2</th></thead><tbody>");
for ( round = 1; round < player1.length; ++round )
document.writeln( "<tr><td>" + round + "</td><td>" +
player1[ round ] + "</td><td>" + player2[ round ] + "</td></tr>");
document.writeln("<tr><td>Total</td><td>"+total1+"</td><td>"+total2+"</td></tr>")
document.writeln("<tr><td>Winner</td><td>"+winner1+"</td><td>"+winner2+"</td></tr>")
document.writeln("</tbody></table>");
}
</script>
</head>
<body>
<form action="">
<p>Click the button to roll<br />
<input type="button" value="Roll Dice" onclick="play()"
</form>
<p>Click Refresh (or Reload) to run the script again</p>
</body>
</html>
PGh0bWw+CgkJICAgPGhlYWQ+CgkJICAgICAgPHRpdGxlPkJlYXQtVGhhdCE8L3RpdGxlPiAKCQkgICAgICA8c3R5bGUgdHlwZSA9ICJ0ZXh0L2NzcyI+CgkJICAgICAgICAgdGFibGUgeyB3aWR0aDogMTVlbSB9CgkJICAgICAgICAgdGggICAgeyB0ZXh0LWFsaWduOiBsZWZ0IH0KCQkgICAgICA8L3N0eWxlPgoJCQkgIDxzY3JpcHQgdHlwZSA9ICJ0ZXh0L2phdmFzY3JpcHQiPiAgIAoJCQkgIAoJCQkJIHZhciByb3VuZDsKCSAgICAgICAgICAgICB2YXIgcGxheWVyMSA9IFsgLDEsMSwxLDEsMV07CgkJCQkgdmFyIHBsYXllcjIgPSBbICwxLDEsMSwxLDFdOwoJCSAgIAkJIHZhciB0b3RhbDE9MDsKCQkJCSB2YXIgdG90YWwyPTA7CgkJCQkgdmFyIHdpbm5lcjE7CgkJCQkgdmFyIHdpbm5lcjI7CgkJCQkgdG90YWwxPXRvdGFsMSpwbGF5ZXIxOwoJCQkJIHRvdGFsMj10b3RhbDIqcGxheWVyMjsgCgkJCQlmdW5jdGlvbiBwbGF5KCkKCSAgICAgICAgIHsKCQkJCQkgZm9yICggdmFyIHJvbGwgPSAxOyByb2xsIDw9IDY7ICsrcm9sbCApICAgIAoJCQkJCQl7ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCgkJCQkJCXJvdW5kID0gTWF0aC5mbG9vciggMSArIE1hdGgucmFuZG9tKCkgKiA1ICk7CgkJCQkJCSsrcGxheWVyMVsgcm91bmQgXTsgICAgICAgICAgICAgICAgICAgICAgIAoJCQkJCQl9IAoKCQkJCQkJaWYgKHRvdGFsMT50b3RhbDIpCgkJCQkJCXsKCQkJCQkJd2lubmVyMSA9IDE7CgkJCQkJCXdpbm5lcjIgPSAwOwoJCQkJCQl9CgkJCQkJCWVsc2V7CgkJCQkJCXdpbm5lcjE9IDA7CgkJCQkJCXdpbm5lcjIgPSAxOwoJCQkJCQl9CgkJCQkJCQoJCQkJCSBmb3IgKCB2YXIgcm9sbCA9IDE7IHJvbGwgPD0gNjsgKytyb2xsICkgICAgCgkJCQkJCXsgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKCQkJCQkJcm91bmQgPSBNYXRoLmZsb29yKCAxICsgTWF0aC5yYW5kb20oKSAqIDUgKTsKCQkJCQkJKytwbGF5ZXIyWyByb3VuZCBdOyAgICAgICAgICAgICAgICAgICAgICAgCgkJCQkJCX0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAkJCQkJIAoJCQkKCQkJCgkJCQoJCQkJCQkgZG9jdW1lbnQud3JpdGVsbigiPHRhYmxlIGJvcmRlciA9IFwiMVwiPjx0aGVhZD4iKTsKCQkJCQkJIGRvY3VtZW50LndyaXRlbG4oIjx0aD5Sb3VuZDwvdGg+IiArICAKCQkJCQkJCSI8dGg+UGxheWVyIDE8L3RoPiIgKyAiPHRoPlBsYXllciAyPC90aD48L3RoZWFkPjx0Ym9keT4iKTsKCQkJCSAKCQkJCSAJIGZvciAoIHJvdW5kID0gMTsgcm91bmQgPCBwbGF5ZXIxLmxlbmd0aDsgKytyb3VuZCApICAgICAgCgkJCQkJCWRvY3VtZW50LndyaXRlbG4oICI8dHI+PHRkPiIgKyByb3VuZCArICI8L3RkPjx0ZD4iICsKCQkJCQkJcGxheWVyMVsgcm91bmQgXSArICI8L3RkPjx0ZD4iICsgcGxheWVyMlsgcm91bmQgXSArICI8L3RkPjwvdHI+Iik7IAoJCQkJCQlkb2N1bWVudC53cml0ZWxuKCI8dHI+PHRkPlRvdGFsPC90ZD48dGQ+Iit0b3RhbDErIjwvdGQ+PHRkPiIrdG90YWwyKyI8L3RkPjwvdHI+IikKCQkJCQkKCQkJCQoJCQkJCQlkb2N1bWVudC53cml0ZWxuKCI8dHI+PHRkPldpbm5lcjwvdGQ+PHRkPiIrd2lubmVyMSsiPC90ZD48dGQ+Iit3aW5uZXIyKyI8L3RkPjwvdHI+IikKCQkJCQkJZG9jdW1lbnQud3JpdGVsbigiPC90Ym9keT48L3RhYmxlPiIpOwoJCQkgfQoJCSAgICAgIDwvc2NyaXB0PgoJCSAgICA8L2hlYWQ+CgkJICA8Ym9keT4KCQkgICAgICA8Zm9ybSBhY3Rpb249IiI+CgkJCSAgPHA+Q2xpY2sgdGhlIGJ1dHRvbiB0byByb2xsPGJyIC8+CgkJCSAgPGlucHV0IHR5cGU9ImJ1dHRvbiIgdmFsdWU9IlJvbGwgRGljZSIgb25jbGljaz0icGxheSgpIgoJCQkgIDwvZm9ybT4KCQkJICA8cD5DbGljayBSZWZyZXNoIChvciBSZWxvYWQpIHRvIHJ1biB0aGUgc2NyaXB0IGFnYWluPC9wPgoJCSAgIDwvYm9keT4KPC9odG1sPgkJCQo=