Simple Number Guessing Game in HTML
<!DOCTYPE html>
<html>
<head>
<title>Simple Number Guessing Game</title>
</head>
<body>
<h1>Number Guessing Game!</h1>
<p>
Guess a number between 1 and 10 and click the button to check your answer.
</p>
<input id='guess' type='text' />
<button onclick='checkAnswer()'>Check Answer</button>
<p id='result'></p>
<script>
const answer = Math.floor(Math.random() * 10) + 1;
function checkAnswer() {
const guess = document.getElementById('guess').value;
let resultText;
if (guess == answer) {
resultText = 'You got it!';
} else {
resultText = 'Wrong! Try again.';
}
document.getElementById('result').innerText = resultText;
}
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lniR 著作权归作者所有。请勿转载和采集!