Number Guessing Game: Play Online & Test Your Skills
<html>
<head>
<title>Number Guessing Game: Play Online & Test Your Skills</title>
<meta charset="UTF-8">
<script>
let randomNumber = Math.floor(Math.random() * 10 + 1);
let numGuesses = 0;
let guess;
let guessInput = document.querySelector('#guess');
let guessButton = document.querySelector('#guessButton');
let message = document.querySelector('#message');
guessButton.addEventListener('click', () => {
numGuesses++;
guess = Number(guessInput.value);
if (guess === randomNumber) {
message.innerHTML = 'You got it right in ' + numGuesses + ' guesses';
} else if (guess > randomNumber) {
message.innerHTML = 'Guess lower';
} else {
message.innerHTML = 'Guess higher';
}
});
</script>
</head>
<body>
<h1>Number Guessing Game</h1>
<p>I'm thinking of a number between 1 and 10. Can you guess it?</p>
<input type="text" id="guess" />
<button id="guessButton">Guess</button>
<p id="message"></p>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lmsh 著作权归作者所有。请勿转载和采集!