html 小游戏
时间: 2023-07-01 16:17:15 浏览: 84
以下是一个简单的 HTML 小游戏的示例,名为 "猜数字游戏":
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>我已经想好了一个 1 到 100 的数字,请猜一下这个数字是多少。</p>
<input type="text" id="guess" placeholder="请输入你的猜测" />
<button type="button" onclick="checkGuess()">猜一下</button>
<p id="result"></p>
<script>
var secretNumber = Math.floor(Math.random() * 100) + 1; // 生成 1 到 100 之间的随机数
var guessCount = 0; // 猜测次数
function checkGuess() {
var guess = Number(document.getElementById("guess").value);
if (guess === secretNumber) {
document.getElementById("result").innerHTML = "恭喜你,猜对了!你一共猜了 " + guessCount + " 次。";
} else if (guess < secretNumber) {
document.getElementById("result").innerHTML = "你猜低了,请再试一次。";
guessCount++;
} else if (guess > secretNumber) {
document.getElementById("result").innerHTML = "你猜高了,请再试一次。";
guessCount++;
}
}
</script>
</body>
</html>
```
玩法:输入你猜测的数字,点击 "猜一下" 按钮,程序会告诉你你猜测的数字是低了还是高了,直到你猜对为止。