给我写一个html小游戏
时间: 2023-05-31 16:07:57 浏览: 48
好的,我可以为您提供一个简单的猜字游戏的HTML代码,以供参考:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
<script type="text/javascript">
// 生成随机数
var number = Math.floor(Math.random() * 100) + 1;
var count = 0;
function guess() {
var guessNumber = document.getElementById("guessInput").value;
count++;
// 判断猜测是否正确
if (guessNumber > number) {
document.getElementById("prompt").innerHTML = "猜大了,请再猜一次!";
} else if (guessNumber < number) {
document.getElementById("prompt").innerHTML = "猜小了,请再猜一次!";
} else {
document.getElementById("prompt").innerHTML = "恭喜您,猜对了!您共猜了" + count + "次。";
document.getElementById("guessButton").disabled = true;
document.getElementById("guessInput").disabled = true;
}
}
</script>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请在以下输入框中输入您的猜测数字:</p>
<input type="text" id="guessInput">
<button id="guessButton" onclick="guess()">猜!</button>
<p id="prompt"></p>
</body>
</html>
```
在这个小游戏中,页面会随机生成一个1~100之间的整数,玩家需要根据提示输入猜测数字,直到猜中为止。代码中还包括了计数和禁用按钮等功能。请查看代码并适当修改以符合您的需求。