html猜数字游戏代码
时间: 2023-08-10 20:02:45 浏览: 69
以下是一个简单的 HTML 猜数字游戏代码,你可以参考一下:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请输入一个 0 到 100 之间的整数:</p>
<input type="text" id="guess">
<button onclick="checkGuess()">猜</button>
<p id="result"></p>
<script>
var number = Math.floor(Math.random() * 101);
var guessInput = document.getElementById("guess");
var resultP = document.getElementById("result");
var guesses = 0;
function checkGuess() {
var guess = parseInt(guessInput.value);
guesses++;
if (guess === number) {
resultP.innerHTML = "恭喜你,你猜对了!你猜了 " + guesses + " 次。";
} else if (guess < number) {
resultP.innerHTML = "你猜的数字太小了,请再猜一次。";
} else {
resultP.innerHTML = "你猜的数字太大了,请再猜一次。";
}
}
</script>
</body>
</html>
```
该代码生成一个简单的 HTML 页面,包含一个文本框和一个按钮,用于输入和提交用户猜测的数字。在用户提交后,JavaScript 代码将检查猜测是否正确,并在页面上显示相应的结果。