<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜数游戏</title>
</head>
<body>
<h1>猜数游戏</h1>
<p>请在0-99之间猜一个数字:</p >
<input type="text" id="guess">
<button οnclick="checkGuess()">提交</button>
<p id="feedback"></p >
<script>
// 生成一个0-99之间的随机数
var randomNumber = Math.floor(Math.random() * 100);
// 剩余猜测次数
var guessCount = 10;
function checkGuess() {
// 获取用户输入的数字
var userGuess = Number(document.getElementById("guess").value);
// 判断用户输入是否有效
if (isNaN(userGuess) || userGuess < 0 || userGuess > 99) {
alert("请输入0-99之间的数字!");
return;
}
// 判断用户猜测是否正确
if (userGuess === randomNumber) {
document.getElementById("feedback").innerHTML = "恭喜你,猜对了!";
return;
}
// 判断用户猜测是否过大或过小
if (userGuess < randomNumber) {
document.getElementById("feedback").innerHTML = "太小了!";
} else {
document.getElementById("feedback").innerHTML = "太大了!";
}
// 更新猜测次数,并判断是否已用完
guessCount--;
if (guessCount === 0) {
document.getElementById("feedback").innerHTML = "猜测次数到,游戏结束。正确数字是:" + randomNumber;
return;
}
// 提示剩余猜测次数
document.getElementById("feedback").innerHTML += "还剩" + guessCount + "次机会。";
}
</script>
</body>
</html>