JavaScript:Tutorial, Your First Game!

**TcM** · #1 (**permalink**) 12-05-2006, 03:05 PM

Introduction:-
Here I will show you how to make a simple 'Guess The Number' game. It will do fine as your first game!

Solution:-
This goes in the <head>:-

Code:

<SCRIPT LANGUAGE="JavaScript">
var num = Math.floor(Math.random() * 101);
function guessnum(){
var guess = document.forms['form1'].num.value;
if (guess == num)
{
alert("Great you Guessed! How did you know that?");
}
if (guess < num)
{
alert("No your number is too low!");
}
if (guess > num)
{
alert("No your number is too  high");
}
}
</SCRIPT>

And this in the <body>

Code:

<form name="form1">
Enter a number <input type="text" size=5 maxlength=3
name="num"> <input type="button" onClick="guessnum();"
value="Enter">
</form>

Explanation:-

Code:

var num = Math.floor(Math.random() * 101);

This is a Mathematical Function Math.Random() is to choose a random number *101 means up to 100 so the numbers will be from 0 to 100 and Math.floor is so to eliminate any decimal points

A Preview:-

Conclusion:-
As Always Feedback is welcome and the full source is attached!!

ahmed_14_1 · #2 (**permalink**) 11-17-2007, 06:27 AM

thanks man for this code

$RaMRoM$ · #3 (**permalink**) 01-18-2008, 06:42 AM

wow! javaScript is amazing! thanks a lot!

chili5 · #4 (**permalink**) 03-12-2008, 01:45 PM

I don't see anything in the code section.

I've seen this before its really cool though and very easy to change the range for the random number.

----------------
Now playing: Disturbed - I'm Alive
via FoxyTunes

**TcM** · #5 (**permalink**) 03-22-2008, 10:37 AM

What code section? You mean the code tags are empty??

Well they are not empty for me :S

chili5 · #6 (**permalink**) 03-22-2008, 12:05 PM

Last time I was here, the code tags were empty.

**TcM** · #7 (**permalink**) 03-22-2008, 05:03 PM

Maybe because you did not have enough posts to view the code in the threads?

chili5 · #8 (**permalink**) 03-22-2008, 05:22 PM

Wait you have to have a certain number of posts to see code?

**TcM** · #9 (**permalink**) 03-23-2008, 04:29 AM

Well I don't know... but the code was always there... thats why I asked you... can't understand why you did not see it.

chili5 · #10 (**permalink**) 03-24-2008, 11:10 AM

Well it's working for me now. I was trying to add something to this, to keep the number of guesses. Here's my code, i think i got it working where it shows the number of guesses.

HTML Code:

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
var num = Math.floor(Math.random() * 101);
function guessnum(){
var guess = document.forms['form1'].num.value;
var count = 0;
if (guess == num)
{
alert("Great you Guessed! How did you know that?");
count += 1
document.getElementById('counter').innerHTML = "Congratulations! you guessed the number! 

It took you " + count + " guesses to win.";
}
if (guess < num)
{
alert("No your number is too low!");
count += 1;
document.getElementById('counter').innerHTML = "Number of guesses: " + count;

}
if (guess > num)
{
alert("No your number is too  high");
count += 1;
document.getElementById('counter').innerHTML = "Number of guesses: " + count;

}
}
</SCRIPT>
<title>Guess the Number</title>
</head>
<body>
<form name="form1">
Enter a number <input type="text" size=5 maxlength=3
name="num"> <input type="button" onClick="guessnum();"
value="Enter">
</form>
<div id="counter">

</div>
</body>
</html>

actually the counter doesn't really work, it only gets to 1 guesses and doesn't work, could someone help me fix this help?

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Creating a card game (multiplaye online with AI).. what do I program this in?	anothersoldier	General Programming	1	07-19-2007 06:46 AM
Paying for Links	Chan	Marketing	26	05-02-2007 08:37 PM
XBox 360 XNA Game Programming	Jordan	C# Programming	14	09-29-2006 05:10 PM

dargueta	........	93.00000
John	........	87.50000
Xav	........	50.00000
MeTh0Dz	........	20.00000
gaylo565	........	18.00000
Johnnyboy	........	3.00000

CodeCall

Contest Stats

Sponsors

Ads

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)