Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

Number Guessing Game: Project Create a number guessing game that will ask a user

ID: 3698690 • Letter: N

Question

Number Guessing Game: Project Create a number guessing game that will ask a user to guess the correct number. Regular mode: Give the user clues like 'Too High' or 'Too Low Hard mode: . All the above, after 5 incorrect guesses, the program should tell you that you lose. . It should tell you all the numbers you have guessed, and what the correct answer is 4 Nightmare mode: All the above, AND create a user interface for your game using html and sss, . For regular mode, you can choose the number and set it to a variable. . For harder and nightmare mode, use Math.random to generate a number. . Push your code to GitHub.

Explanation / Answer

<html>

<head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<style>

</style>

</head>

<body>

<center><h1>Number Guessing Game</h1></center>

<center>

<table>

<tr>

<td><Label>Guess No.</label></td>

<td><input type="text" placeholder="Enter no. what you guess" id="textGuess"></td>

<td><input type="button" value="submit" id="btn"></td>

</tr>

<td><label id="errorLabel"></label>

</table>

</center>

</body>

<script>

var max=100;

var min=1;

var counter=0;

var guessedNumber=[];

var randomNumber = Math.floor(Math.random()*(max-min+1)+min);

function runApp(){

var valueEntered = $("#textGuess").val();

guessedNumber.push(valueEntered);

if(valueEntered>randomNumber) {

$("#errorLabel").text("Too High!Try again");

//$("#textGuess").val('');

counter = counter+1;

}

else if(valueEntered<randomNumber) {

$("#errorLabel").text("Too Low!Try again");

//$("#textGuess").val('');

counter = counter+1;

}

if(counter==5){

var dataToDisplay =" Your guess number are:"+guessedNumber+" and Correct Number was: " + randomNumber;

$("#errorLabel").text(dataToDisplay);

}

$("#textGuess").focus(function(){

$("#errorLabel").text('');

});

}

</script>

</html>