帮我写个简单的游戏html代码
当然可以!以下是一个简单的猜数字游戏的HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
<style>
body {
text-align: center;
}
</style>
</head>
<body>
<h1>猜数字游戏</h1>
<p>猜一个1到100之间的数字:</p>
<input type="number" id="guessInput" min="1" max="100">
<button onclick="checkGuess()">猜!</button>
<p id="result"></p>
<script>
// 生成随机数
var randomNumber = Math.floor(Math.random() * 100) + 1;
function checkGuess() {
// 获取用户输入的数字
var guess = document.getElementById("guessInput").value;
// 检查输入是否为数字
if (isNaN(guess)) {
document.getElementById("result").innerHTML = "请输入一个有效数字!";
return;
}
// 检查猜测的数字是否在1到100之间
if (guess < 1 || guess > 100) {
document.getElementById("result").innerHTML = "请输入1到100之间的数字!";
return;
}
// 比较用户猜测的数字与随机生成的数字
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之间的数字,然后玩家需要通过输入数字来猜测这个数字是多少。每次猜测后,游戏会给出相应的提示,直到玩家猜对为止
原文地址: https://www.cveoy.top/t/topic/hStV 著作权归作者所有。请勿转载和采集!