Count Game : Game : Page Components JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Page Components » Game »

 

Count Game



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>The Count Game</title>
</head>
<body bgcolor="#FFFFFF">

<table cellspacing="0" cellpadding="1" bgcolor="#73994C" width="400"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#86B259" width="100%"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#99CC66" width="100%"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#ACE573" width="100%"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#BFFF80" width="100%"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#BFFF80" width="100%"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#ACE573" width="100%"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#99CC66" width="100%"><tr><td>
<table cellspacing="0" cellpadding="1" bgcolor="#86B259" width="100%"><tr><td>

<table cellspacing="0" cellpadding="1" bgcolor="#73994C" width="100%"><tr><td>
<table bgcolor="#99CC66" width="100%" height="100"><tr><td>
<table border="2" bordercolor="#BFFF80" width="100%" cellspacing="0"><tr><td align="middle">
<font face="verdana,arial,helvetica" color="#BFFF80" size="6pt"><b>The Count Game</b></font>
<script language="JavaScript">
// The Count Game
// (c) 2002 Premshree Pillai
// http://www.qiksearch.com, http://javascript.qik.cjb.net
// qiksearch@rediffmail.com

var counter=0;
var speed_count=1000;
var maxVal=150;
var playFlag=true;
function count_init()
{
 document.write('<form name="count_form"><input type="button" value="0" name="count_container" style="border:#808080 solid 2px; height:22px; background:#EFEFEF; width:100px; cursor:pointer" onClick="choose_ps();">&nbsp;<input type="text" name="count_op" style="border:#808080 solid 2px; height:22px; width:100px">&nbsp;<input type="button" value="Restart" name="count_restart" style="border:#808080 solid 2px; height:22px; background:#EFEFEF; width:100px; cursor:pointer" onClick="location.reload();"></form>');
}

function count_play()
{
 counter++;
 document.count_form.count_container.value=counter;
 if(counter<maxVal)
 {
  setTimeout("count_play()",speed_count);
 }
 if(((counter%10)==0)||(counter==1))
 {
  speed_count/=10;
 }
}

function choose_ps()
{
 if(playFlag)
 {
  reset_count();
  playFlag=false;
  count_play();
 }
 else
 {
  document.count_form.count_op.value=counter;
  document.count_form.count_container.value=document.count_form.count_op.value;
  speed_count*=100000000000000000000;
  playFlag=true;
  if((document.count_form.count_op.value<=100)&&(document.count_form.count_op.value>=98))
  {
   alert('You Won!');
  }
  else
  {
   alert('Oops! You lost!');
  }
 }
}

function reset_count()
{
 counter=0;
 speed_count=1000;
 document.count_form.count_container.value=counter;
 document.count_form.count_op.value='';
}

count_init();

</script>
</td></tr></table>
<br>
<font face="verdana,arial,helvetica" size="-1">
To play the game, click on the button to the left. The counter will start. Click on the button again to stop the counter. To win, you have to stop the counter between "98-100" (including extremes). The number you clicked on will be displayed on the right. Simple!
<br>
<br>
<table bgcolor="#73994C" width="100%"><tr><td><font face="verdana,arial,helvetica" size="-2" color="#BFFF80">&#1692002 Premshree Pillai.</font></td></tr></table>
</td></tr></table>

</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>

</body>
</html>

           
       



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Page Components
» Game