用html编写程序,实现猜数字游戏,在页面中显示猜测次数及结果
时间: 2024-02-25 18:59:17 浏览: 23
好的,我可以帮你设计一个简单的猜数字游戏,用 HTML 和 JavaScript 实现。你可以把以下代码复制到一个 HTML 文件中,并在浏览器中打开它。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>我想了一个 1 到 100 的整数,请你猜一猜是多少。</p>
<input type="text" id="guessInput">
<button onclick="guess()">猜一猜</button>
<p id="message"></p>
<p>你已经猜了 <span id="guessCount">0</span> 次。</p>
<script>
var answer = Math.floor(Math.random() * 100) + 1;
var guessCount = 0;
function guess() {
var guessInput = document.getElementById("guessInput");
var message = document.getElementById("message");
var guessCountSpan = document.getElementById("guessCount");
var guess = parseInt(guessInput.value);
guessCount++;
guessCountSpan.textContent = guessCount;
if (guess === answer) {
message.textContent = "恭喜你猜对了!";
} else if (guess < answer) {
message.textContent = "你猜的数字太小了。";
} else {
message.textContent = "你猜的数字太大了。";
}
}
</script>
</body>
</html>
```
这个程序会随机生成一个 1 到 100 的整数作为答案,然后让用户在页面中输入猜测的数字,并通过 JavaScript 判断猜测的数字与答案的大小关系,最后在页面上显示猜测次数和猜测结果。