Play a Number Guessing Game - Guess the Random Number
<!DOCTYPE html>
<html>
<head>
<title>Play a Number Guessing Game - Guess the Random Number</title>
</head>
<body>
<h1>Number Guessing Game</h1>
<p>Guess a number between 1 and 10 and click submit.</p>
<form action="">
<input type="number" name="guess" min="1" max="10"/>
<input type="submit" value="Submit"/>
</form>
<script>
let randomNumber = Math.floor(Math.random() * 10) + 1;
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault();
let guess = document.querySelector('input[name="guess"]').value;
if (guess == randomNumber) {
alert('You guessed the correct number!');
} else {
alert('Sorry, wrong number!');
}
});
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lmr9 著作权归作者所有。请勿转载和采集!