HTML猜大小是一款基于HTML語(yǔ)言的小型游戲。該游戲僅支持單人游戲，其規(guī)則是玩家需要猜測(cè)由計(jì)算機(jī)隨機(jī)生成的一個(gè)數(shù)字，該數(shù)字在0到100之間。如果玩家猜的數(shù)字小于計(jì)算機(jī)生成的數(shù)字，則會(huì)提示“太小了”，反之則會(huì)提示“太大了”，如果猜中了則會(huì)提示“恭喜你，猜對(duì)了！”。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML猜大小游戲</title>
</head>
<body>
<h1>HTML猜大小游戲</h1>
<p>請(qǐng)猜測(cè)一個(gè)0~100的數(shù)字：</p>
<form>
<input type="text" id="myNumber" name="myNumber">
<br><br>
<input type="button" value="確認(rèn)" onclick="checkNumber()">
</form>
<p id="result"></p>
<script>
function checkNumber() {
var randomNumber = Math.floor(Math.random() * 100);
var userNumber = document.getElementById("myNumber").value;
if (userNumber === "") {
alert("請(qǐng)輸入一個(gè)數(shù)字！");
return false;
}
if (userNumber< randomNumber) {
document.getElementById("result").innerHTML = "太小了！";
} else if (userNumber >randomNumber) {
document.getElementById("result").innerHTML = "太大了！";
} else {
document.getElementById("result").innerHTML = "恭喜你，猜對(duì)了！";
}
}
</script>
</body>
</html>在該代碼中，我們首先定義了一個(gè)HTML表單，用戶可以在該表單中輸入一個(gè)數(shù)字進(jìn)行猜測(cè)。隨后，我們使用JavaScript的Math.random()函數(shù)生成一個(gè)0到100之間的隨機(jī)數(shù)。當(dāng)用戶點(diǎn)擊確認(rèn)按鈕時(shí)，便會(huì)觸發(fā)checkNumber()函數(shù)進(jìn)行數(shù)字校驗(yàn)。如果用戶未輸入任何數(shù)字，則會(huì)提示用戶需要輸入數(shù)字，否則若猜錯(cuò)了則會(huì)提示“太小了”或“太大了”，若猜對(duì)了則會(huì)提示“恭喜你，猜對(duì)了！”。