用html写一个猜数字的网页
时间: 2023-09-24 21:02:34 浏览: 51
好的,以下是一个简单的猜数字游戏的HTML代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请在1~100之间猜一个数字:</p>
<input type="number" id="guess-input">
<button onclick="guess()">猜一猜</button>
<p id="result"></p>
<script>
// 生成随机数
var answer = Math.floor(Math.random() * 100) + 1;
// 猜数字函数
function guess() {
var guess = document.getElementById("guess-input").value;
var result = document.getElementById("result");
if (guess == answer) {
result.innerHTML = "恭喜你,猜对了!";
} else if (guess < answer) {
result.innerHTML = "猜小了,再试一次。";
} else if (guess > answer) {
result.innerHTML = "猜大了,再试一次。";
}
}
</script>
</body>
</html>
```
这个网页会生成一个1~100之间的随机数,让玩家在输入框中输入猜测的数字,点击按钮后会提示猜测结果。如果猜对了,会显示“恭喜你,猜对了!”;如果猜小了,会显示“猜小了,再试一次。”;如果猜大了,会显示“猜大了,再试一次。”。你可以根据自己的需要修改提示信息和数字范围。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)