Simple HTML Guessing Game: Try to Guess the Number!
<!DOCTYPE html>
<html>
<head>
<title>Guess the Number</title>
</head>
<body>
<h2>Guess the Number</h2>
<p>I'm thinking of a number between 1 and 10. See if you can guess it! </p>
<input type="text" id="guessField" />
<button onclick="checkGuess()">Submit Guess</button>
<script>
let randomNumber = Math.floor(Math.random() * 10) + 1;
let guesses = 0;
<pre><code> function checkGuess(){
let userGuess = Number(document.getElementById('guessField').value);
if(userGuess === randomNumber){
alert('Well done! You guessed the number in ' + guesses + ' tries');
document.getElementById('guessField').disabled = true;
}
else if(userGuess > randomNumber){
guesses++;
alert('Incorrect! Try a lower number.');
}
else {
guesses++;
alert('Incorrect! Try a higher number.');
}
}
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lmls 著作权归作者所有。请勿转载和采集!