生成一个html小游戏代码
时间: 2023-05-13 09:06:32 浏览: 106
好的,以下是一个简单的 HTML 小游戏代码:
```
<!DOCTYPE html>
<html>
<head>
<title>小游戏</title>
</head>
<body>
<h1>欢迎来玩小游戏!</h1>
<p>请猜一个 1 到 10 之间的数字:</p>
<input type="text" id="guess">
<button onclick="checkGuess()">猜!</button>
<p id="result"></p>
<script>
var answer = Math.floor(Math.random() * 10) + 1;
function checkGuess() {
var guess = document.getElementById("guess").value;
if (guess == answer) {
document.getElementById("result").innerHTML = "恭喜你,猜对了!";
} else if (guess < answer) {
document.getElementById("result").innerHTML = "猜小了,再试一次!";
} else {
document.getElementById("result").innerHTML = "猜大了,再试一次!";
}
}
</script>
</body>
</html>
```
这个小游戏会随机生成一个 1 到 10 之间的数字,玩家需要在输入框中输入自己的猜测,然后点击“猜!”按钮进行猜测。如果猜对了,会显示“恭喜你,猜对了!”;如果猜错了,会提示“猜小了,再试一次!”或“猜大了,再试一次!”