A number guessing game in Javascript.

One sure way to tell when you’re making progress in learning a new programming language is being able to create a simple number guessing game. Here’s my Javascript version. It generates a random number between 1 and 100 and tells you if your guesses are too high or too low. Simple.

<!DOCTYPE html>
<html>
<body>
Your guess? <input type=”number” name=”guess”><p>
<p id=”demo1″>Last guess: </p>
<p id=”demo2″></p>
<button onclick=”myFunction(guess)”>Submit</button>
<script>
var x=Math.floor((Math.random()*100)+1);
function myFunction(guess)
{
document.getElementById(“demo1”).innerHTML=’Last guess: ‘+guess.value;
if (guess.value==x)
{
document.getElementById(“demo2”).innerHTML=’You guessed it!’;
}
else if (guess.value<x)
{
document.getElementById(“demo2”).innerHTML=’Too low.’;
}
else
{
document.getElementById(“demo2”).innerHTML=’Too high.’;
}
}
</script>
</body>
</html>

I couldn’t resist modifying the script to make it look like you’re can guess the correct number on the first try. Try it on your friends and make them think they’re psychic. Better hope they’re still your friends afterwards.

<!DOCTYPE html>
<html>
<body>
Your guess? <input type=”number” name=”guess”><p>
<p id=”demo1″>Last guess: </p>
<p id=”demo2″></p>
<button onclick=”myFunction(guess)”>Submit</button>
<script>
function myFunction(guess)
{
document.getElementById(“demo1”).innerHTML=’Last guess: ‘ +guess.value;
document.getElementById(“demo2”).innerHTML=’You guessed it on the very first try! You must be a psychic!’;
}
</script>
</body>
</html>

Have much fun.

Advertisements

Tags:

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: