html写一个小游戏
以下是一个简单的猜数字小游戏的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
<style>
body {
text-align: center;
font-family: Arial, sans-serif;
}
</style>
<script>
function guessNumber() {
var randomNumber = Math.floor(Math.random() * 100) + 1;
var guessCount = 0;
var result = document.getElementById("result");
var guessInput = document.getElementById("guess");
var guessButton = document.getElementById("guessButton");
guessButton.addEventListener("click", function() {
var guess = parseInt(guessInput.value);
if (isNaN(guess) || guess < 1 || guess > 100) {
result.textContent = "请输入1到100之间的数字！";
} else {
guessCount++;
if (guess === randomNumber) {
result.textContent = "恭喜你！猜对了！你共猜了" + guessCount + "次。";
guessInput.disabled = true;
guessButton.disabled = true;
} else if (guess < randomNumber) {
result.textContent = "太小了！再试试。";
} else {
result.textContent = "太大了！再试试。";
}
}
guessInput.value = "";
guessInput.focus();
});
}
</script>
</head>
<body onload="guessNumber()">
<h1>猜数字游戏</h1>
<p>我想一个1到100之间的数字，你来猜。</p>
<input type="number" id="guess" min="1" max="100" autofocus>
<button id="guessButton">猜</button>
<p id="result"></p>
</body>
</html>
在这个游戏中，计算机会随机生成一个1到100之间的数字，玩家需要通过输入猜测的数字来尝试猜中。根据玩家输入的数字，游戏会给出相应的提示，直到玩家猜中为止。
原文地址: https://www.cveoy.top/t/topic/jgjE 著作权归作者所有。请勿转载和采集!