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-guess-a-number-game.htm / htm



  
  <!-- THREE STEPS TO INSTALL GUESS-A-NUMBER:
  
     1.  Paste the coding into the HEAD of your HTML document
     2.  Add the onLoad and unonLoad event handlers to the BODY tag
     3.  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">
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  var my_no,count;
  function load() {
  window.defaultStatus="JavaScript Guess-a-Number Game";
  document.game.help.value="Please set range of numbers and press the Start button.";
  document.game.from.focus(); }
  function rnd(scale) {
  var dd=new Date();
  return((Math.round(Math.abs(Math.sin(dd.getTime()))*8.71*scale)\%scale)); }
  function range() {
  var to=1+1*document.game.to.value;
  count=0;
  my_no=rnd(to);
  while(my_no<document.game.from.value) {
  my_no=rnd(to); }
  document.game.help.value="Please guess a number, enter it, and press Guess."; }
  function guess() {
  var no=document.game.number.value;
  count++;
  if(no<my_no) document.game.help.value="My number is greater than "+no+".";
  else if(no>my_no) document.game.help.value="My number is less than "+no+".";
  else alert("It takes you "+count+" attempts to guess this number"); }
  // End -->
  </SCRIPT>
  
  <!-- STEP TWO: Add the onLoad and unonLoad event handlers to the BODY tag  --> 
  
  <BODY onLoad="load()">
  
  <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
  
  <CENTER>
  <FORM name=game>
  <TABLE border=3>
  <TR>
  <TD align=center colspan=2>Range of numbers</TD>
  <TD align=center rowspan=2><input type=button value=" Start " onclick="range()"></TD>
  </TR>
  <TR>
  <TD align=center>From:<br><input type=text name=from size=10></TD>
  <TD align=center>To:<br><input type=text name=to size=10></TD>
  </TD>
  <TR>
  <TD></TD>
  </TR>
  <TR>
  <TD align=center colspan=3><input type=text name=help size=70></TD>
  </TR>
  <TR>
  <TD></TD>
  </TR>
  <tr><td align=right colspan=3><input type=text name=number size=10><input type=button value=" Guess " onclick="guess()"></TD>
  </TR>
  </TABLE>
  </FORM>
  </CENTER>
  
  <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:  2.16 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.