HTML猜數(shù)字游戲是一款基于前端技術(shù)開(kāi)發(fā)的輕量級(jí)游戲，適合初學(xué)者練習(xí)編程邏輯和熟悉HTML語(yǔ)法。下面是一個(gè)簡(jiǎn)單的HTML猜數(shù)字游戲代碼示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML猜數(shù)字游戲</title>
</head>
<body>
<h1>HTML猜數(shù)字游戲</h1>
<p>猜測(cè)一個(gè)1到100之間的隨機(jī)數(shù)字</p>
<input id="guessInput" type="number">
<button onclick="checkGuess()">猜</button>
<p id="message"></p>
<script>
// 生成1到100的隨機(jī)數(shù)字
var randomNumber = Math.floor(Math.random() * 100) + 1;
function checkGuess() {
var guessInput = document.getElementById("guessInput");
var guess = parseInt(guessInput.value);
var message = document.getElementById("message");
// 檢查猜測(cè)的數(shù)字是不是在1到100之間
if (guess< 1 || guess >100) {
message.textContent = "請(qǐng)輸入一個(gè)1到100之間的數(shù)字。";
return;
}
// 判斷是否猜中
if (guess == randomNumber) {
message.textContent = "恭喜你，猜對(duì)了！";
} else if (guess< randomNumber) {
message.textContent = "猜的數(shù)字太小了，再試一次。";
} else {
message.textContent = "猜的數(shù)字太大了，再試一次。";
}
}
</script>
</body>
</html>該代碼使用了HTML的基本元素，包括標(biāo)題、段落、輸入框和按鈕。在JavaScript部分，使用Math.random()函數(shù)生成1到100之間的隨機(jī)數(shù)字，并通過(guò)document.getElementById()方法獲取輸入框和輸出信息的引用。當(dāng)用戶(hù)點(diǎn)擊“猜”按鈕時(shí)，JavaScript代碼會(huì)對(duì)用戶(hù)輸入的數(shù)字進(jìn)行判斷并顯示相應(yīng)的結(jié)果。