this javascript game code generates 2 lines of information 1 number of guessing , second features comparison guess if greater or less number entered in prompt window. each set of guess numbered in how many guesses have been made. want accomplish guesses need remain on screen in 1 column @ end of each game code it’s written overrides number of guessing. question how avoid override issue? below code input on how solve issue appreciated.
thanks
<body> <h3>javascript guessing game</h3> <p>welcome guessing game. i'll pick number between 1 , 100 , try guess is. 7 tries.<p> <p id="guess"></p> <p id="guessed"></p> <p id="small"></p> <p id="big"></p> <p id="times"></p> </body> <script type="text/javascript"> number = math.round((math.random() * 999))+ 1; counter = 0; { counter++; guess = prompt("what's guess?"); document.getelementbyid("guess").innerhtml = ("guess #"+counter+" "+guess ); /*document.write*/ if (guess == number) { /*document.write("you guessed it!<br>");*/ document.getelementbyid("guessed").innerhtml = ("you guessed it! won!"); } else { if (guess < number) { /*document.write("too small, guess again.<br>");*/ document.getelementbyid("small").innerhtml = ("too small, guess again."); } else { /*document.write("too big, guess again.<br>");*/ document.getelementbyid("big").innerhtml = ("too big, guess again."); } } } while (counter <7 && guess != number); if (guess != number) { document.getelementbyid("times").innerhtml = ("i won in 7 times - number " + number); } </script> </html>
append instead of replacing
document.getelementbyid("times").innerhtml = (document.getelementbyid("times").innerhtml + "<br>i won in 7 times - number " + number); working fiddle
Comments
Post a Comment