topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

game-javascript-casual-checkboxes-game.htm / htm



  
  <!-- TWO STEPS TO INSTALL CHECKBOXES:
  
     1.  Paste the coding into the HEAD of your HTML document
     2.  Put the last coding into the BODY of your HTML document  -->
  
  <!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->
  
  <HEAD>
  
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Original:  Tomer Shiran
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  var total = 0
  var play = false
  function display(element) {
  var now = new Date()
  if (!play) {
  play = true
  startTime = now.getTime()}
  if (now.getTime() - startTime > 20000) {
  element.checked = !element.checked
  return
  }
   if (element.checked)
  total++
  else
  total--
  element.form.num.value = total
  }
  function restart(form) {
  total = 0
  play = false
  for (var i = 1; i <= 100; ++i) {
   form.elements[i].checked = false
     }
  }
  // End -->
  </SCRIPT>
  
  <!-- STEP TWO: Copy this code into the BODY of your HTML document  -->
  
  <BODY>
  
  <CENTER>Test your skill.  How many boxes can 
  you check in 20 seconds?</CENTER>
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Begin
  document.write("<FORM><CENTER>")
  document.write('<INPUT TYPE="text" VALUE="0" ');
  document.write('NAME="num" SIZE=10 onFocus="this.blur()"><BR>')
  document.write("<HR SIZE=1 WIDTH=40%>")
  for (var i = 0; i < 10; ++i) {
  for (var j = 0; j < 10; ++j) {
  document.write('<INPUT TYPE="checkbox" ');
  document.write('onClick="display(this)">')}
  document.write("<BR>")}
  document.write("<HR SIZE=1 WIDTH=40%>")
  document.write('<INPUT TYPE="button" VALUE="restart" ');
  document.write('onClick="restart(this.form)">')
  document.write("</CENTER></FORM>")
  // End -->
  </SCRIPT>
  
  <p><center>
  <font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  1.63 KB  -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.