html
当前没有测试数据。
html资料-猜数字
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>猜数字游戏</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
text-align: center;
}
h1 {
color: #3366ff;
}
</style>
</head>
<body>
<h1>猜数字游戏</h1>
<p>我已经想好了一个介于1到100之间的数字，请开始猜测：</p>
<input type="text" id="guess">
<button onclick="checkGuess()">提交猜测</button>
<p id="hint"></p>
<p id="attempts"></p>
<script>
// 生成随机数
var randomNumber = Math.floor(Math.random() * 100) + 1;
var attempts = 0;
function checkGuess() {
var guess = parseInt(document.getElementById("guess").value);
if (guess === randomNumber) {
alert("恭喜你，猜对了！答案是 " + randomNumber + "。你一共猜了 " + (attempts + 1) + " 次。");
} else if (guess < randomNumber) {
document.getElementById("hint").innerText = "太小了，请再试一次。";
attempts++;
} else {
document.getElementById("hint").innerText = "太大了，请再试一次。";
attempts++;
}
document.getElementById("attempts").innerText = "你已经猜了 " + attempts + " 次。";
document.getElementById("guess").value = ""; // 清空输入框
}
</script>
</body>
</html>