Task
Your client is pleased with the program but would like to extend it by adding a random number to guess.
Ask the user if they wish to play again.
Please update your program!
Solution
Enter your guess:
Final result
result here


Show Code
Code
| //generate a random number | |
| let randomNumber = Math.floor(Math.random() * 100) + 1; | |
| //display target number to console for debugging | |
| console.log ( “random number is: ” + randomNumber); | |
| //determine if correct | |
| function checkGuess(){ | |
| //get input from the user | |
| let guess = document.getElementById(‘guess’).value; | |
| //check user input | |
| if( guess < randomNumber){ | |
| //message for lower guess | |
| document.getElementById(“result”).innerHTML = “Your guess was lower, please try again”; | |
| }else if( guess > randomNumber ){ | |
| //message for higher guess | |
| document.getElementById(“result”).innerHTML = “Your guess was higher, please try again”; | |
| }else{ | |
| //message for correct guess | |
| document.getElementById(“result”).innerHTML = “Your guess was correct! <br /><p>Would you like to play again?</p>”; | |
| //display button to restart game | |
| document.getElementById(“play-again”).style.display = ‘block’; | |
| } | |
| } | |
| //reset game and play again | |
| function playAgain(){ | |
| //check function is running | |
| console.log (“play again running”); | |
| //remove button | |
| document.getElementById(“play-again”).style.display = ‘none’; | |
| //regenerate a new random number | |
| randomNumber = Math.floor(Math.random() * 100) + 1; | |
| //display target number to console for debugging | |
| console.log ( “new random number is: ” + randomNumber); | |
| //reset guess | |
| let guess = document.getElementById(‘guess’).value=’ ‘; | |
| //reset message | |
| document.getElementById(“result”).innerHTML = ‘ ‘; | |
| } |
