|
Games >>>
Play the JavaScript version of Guess-A-Number. First, select a number range and then try to guess the number the computer has chosen.
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
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");
}
window.onload
=
load;
</script>
<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>
|
|