<!DOCTYPE html>
<html>
<head>
<title>Number Guessing Game</title>
</head>
<body>
<h1>Number Guessing Game</h1>
<p>Guess a number between 1 and 100:</p>
<input type="text" id="guessInput">
<button onclick="checkGuess()">Submit</button>
<p id="message"></p>
<script>
// Generate a random number between 1 and 100
var randomNumber = Math.floor(Math.random() * 100) + 1;
var message = document.getElementById("message");
function checkGuess() {
var guessInput = document.getElementById("guessInput");
var guess = parseInt(guessInput.value);
if (isNaN(guess)) {
message.textContent = "Invalid guess. Please enter a number.";
} else if (guess < 1 || guess > 100) {
message.textContent = "Please enter a number between 1 and 100.";
} else {
if (guess === randomNumber) {
message.textContent = "Congratulations! You guessed the correct number.";
} else if (guess < randomNumber) {
message.textContent = "Too low. Try again.";
} else {
message.textContent = "Too high. Try again.";
}
}
guessInput.value = ""; // Clear the input field
guessInput.focus(); // Set focus back to the input field
}
</script>
</body>
</html>
My YouTube Channel
No comments:
Post a Comment