GPT答: |
7i24.cn
|
以下是一个简单的HTML游戏代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
<style>
body {
text-align: center;
}
#guess-input {
margin-top: 20px;
}
#result {
margin-top: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请输入一个1到100之间的整数:</p>
<input type="number" id="guess-input" min="1" max="100">
<button onclick="checkGuess()">提交</button>
<p id="result"></p>
<script>
function checkGuess() {
var guess = parseInt(document.getElementById("guess-input").value);
var randomNumber = Math.floor(Math.random() * (100 - 1 + 1)) + min;
if (isNaN(guess) || guess <=0 || guess >100) {
document.getElementById("result").innerHTML = "请输入有效的整数!";
} else if (guess === randomNumber) {
document.getElementById("result").innerHTML = "恭喜你,猜对了!";
} else if (guess > randomNumber) {
document.getElementById("result").innerHTML = "太大了,请再试一次。";
} else if (guess < randomNumber) {
document.getElementById("result").innerHTML = "太小了,请再试一次。";
}
}
</script>
</body>
</html>
```
这个代码实现了一个简单的猜数字游戏。用户需要在输入框中输入一个介于1到100之间的整数,然后点击提交按钮。程序会生成一个随机数字,并与用户输入的数字进行比较,根据比较结果给出相应提示。如果用户输入无效的整数(小于1或大于100),则会显示相应错误信息。
|