给我写一段html小游戏
时间: 2023-11-02 15:39:07 浏览: 80
好的,我可以为您编写一个简单的猜数字游戏。以下是代码示例:
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
<meta charset="UTF-8">
</head>
<body>
<h1>猜数字游戏</h1>
<p>我已经想好了一个 1 到 100 之间的数字,你来猜猜看吧!</p>
<input type="text" id="guessInput">
<br>
<button onclick="checkGuess()">猜!</button>
<br>
<p id="guessResult"></p>
<script>
let answer = Math.floor(Math.random() * 100) + 1;
let guessCount = 0;
function checkGuess() {
let guess = parseInt(document.getElementById("guessInput").value);
if (isNaN(guess) || guess < 1 || guess > 100) {
document.getElementById("guessResult").innerHTML = "请输入 1 到 100 之间的数字!";
return;
}
guessCount++;
if (guess === answer) {
document.getElementById("guessResult").innerHTML = `恭喜你猜中了!你一共猜了 ${guessCount} 次。`;
} else if (guess < answer) {
document.getElementById("guessResult").innerHTML = "太小了,再试试!";
} else {
document.getElementById("guessResult").innerHTML = "太大了,再试试!";
}
}
</script>
</body>
</html>
这是一个简单的猜数字游戏,其中使用了随机数、条件语句和按钮点击事件等基本的 HTML、JavaScript 编程知识。您可以将其保存为 HTML 文件并在浏览器中打开,然后就可以和计算机进行互动了!
阅读全文