Posted: Sun Nov 23, 2008 1:32 pm Post subject: A little bit of javascript help
Code:
<html>
<head><link rel='stylesheet' type='text/css'href='Gssstyle2.css'>
<title>Guessin' game</title>
<body background = "AWESOMENESS.jpg">
<script language="Javascript">
var guessed = 0;
var wins = 0;
var fails = 0;
var gnumbers = new Array();
function resetGame() //function to confirm the reset
{
var confirmReset = window.confirm("Are you sure you want to reset the game?");
if(confirmReset == true)//sees if the user clicked yes and resets
{
guessed = 0;
wins = 0;
fails = 0;
updateStats();
document.getElementById('resultDiv').style.display = "none";
document.getElementById('playbtn').disabled = false;
alert ("Your form has been reset")
} else //alert boxes
{
alert ("Your form has not been reset")
}
}
function generateNum() //function to generate a random number
{
if(guessed > 4){
ShowRank();
return;
}
var ranNum = Math.round(Math.random()*100);
var gues = document.getElementById('txtGues').value;
if(gues < 0 || gues > 100){
alert("Only numbers between 0-100");
return
}
for(var i=1; i<6; i++){
if(gnumbers[i] == gues){
alert("You tried it with this number already, choose another!");
return;
}
}
alert("Your random number is " + ranNum);
guessed += 1;
if(ranNum == gues)
{
wins += 1;
updateStats();
alert ("Correct! You rule xD");
} else {
var difference;
fails += 1;
updateStats();
if(ranNum > gues){
difference = ranNum-gues;
if(difference < 6){
alert("Wrong, your guessed number was lower! But you were very close!");
} else {
alert("Wrong, your guessed number was lower!");
}
} else {
difference = gues-ranNum;
if(difference < 6){
alert("Wrong, your guessed number was higher! But you were very close!");
} else {
alert("Wrong, your guessed number was higher!");
}
}
}
gnumbers[guessed] = gues;
if(guessed > 4){
document.getElementById('playbtn').disabled = true;
ShowRank()
}
}
function ShowRank(){
var rank;
alert("Game Over! You've used up all your 5 guess chances. Result:");
if(wins > 4)
rank = "You were ALWAYS right! Your Rank: God.";
else if(wins > 3)
rank = "You were almost always right! Your Rank: Very very nice.";
else if(wins > 2)
rank = "You were almost always right! Your Rank: Very good.";
else if(wins > 1)
rank = "You were almost always right! Your Rank: Nice.";
else if(wins > 0)
rank = "You were mostly wron! Your Rank: Good.";
else
rank = "You were always wrong. Your Rank: Loser.";
alert(rank);
document.getElementById('resultDiv').innerHTML = "<span class=base>Game Over! You've used up all your 5 guess chances. Result:<br>"+rank+"<br><b>Click Reset to restart the game!</span></b><br><br>";
document.getElementById('resultDiv').style.display = "";
return;
}
function keyPressHandler(e){
if(e.which == 13)
generateNum();
}
</script>
</head>
<body>
<p><center>Instructions<br><!--instructions-->
<span class=base>1. Guess a number between 1-100 and enter it in the textbox<br>
2. Click play<br>
The computer just generated a random number for you and now, will check if you guessed right<br>
You will be getting tips on either your guess was higher/lower and if its near<br>
3. Keep guessing until you win!<br>
Your wins will also be told to you!</span><br><br><br><br><br><br><br><br>
<div id="container">
<img src="guess.bmp" align="center" border="2">
<br><br><br><br><br><br><br>
<b><span class=base>Enter a guess between 1-100:</span></b> <input type="text" onkeypress="keyPressHandler(event)" name="txtGues" id="txtGues" size="3" maxlength="3" value="0">
<input class="butts" name="playbtn" id="playbtn" type="button" value="Play!" onClick="generateNum()"/><br><br><br><br><br>
<div id="resultDiv" style="display: none">Game Over! You've used up all your 5 guess chances. Result:<br>
</div>
<b><span class=base>Number of Guesses:</span></b> <input type="text" name="nOfGuesses" id="nOfGuesses" size="5" maxlength="20" value="0" readonly="readonly"><br>
<b><span class=base>Number of times you guessed right:</span></b> <input type="text" name="nOfWins" id="nOfWins" size="5" maxlength="20" value="0" readonly="readonly"><br>
<b><span class=base>Number of times you guessed wrong:</span></b> <input type="text" name="nOfFails" id="nOfFails" size="5" maxlength="20" value="0" readonly="readonly">
<input class="butts" type="button" value="Reset" onClick="resetGame();"/><br><br><br><br><br>
</div>
</body>
</html>
Is there a way that there was only one random number for five turns and then after that, um the thing chooses another random number?
Also the reset thing wont work for the number u write for the in the text box...the text wont clear up _________________
Get a random number and store it in a variable, then in resetGame generate a new one? The logic is very simple.
Um, the resetGame function never clears the text in the text box? Perhaps you should add code to do that. _________________
Mutilated lips give a kiss on the wrist of the worm-like tips of tentacles expanding in my mind
I'm fine accepting only fresh brine you can get another drop of this yeah you wish
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum You cannot attach files in this forum You can download files in this forum