HTML猜數(shù)字小游戲代碼
<!DOCTYPE html>
<html>
<body>
<h2>猜數(shù)字游戲</h2>
<p>在1到100之間猜一個數(shù)字:</p>
<input id="guess" type="number">
<br><br>
<button onclick="checkGuess()">提交答案</button>
<p id="result"></p>
<script>
var answer = Math.floor(Math.random() * 100) + 1;
function checkGuess() {
var guess = document.getElementById("guess").value;
if (guess == answer) {
document.getElementById("result").innerHTML = "恭喜你！你猜對了！";
} else if (guess >answer) {
document.getElementById("result").innerHTML = "你猜的數(shù)字太大了，再試一次吧。";
} else {
document.getElementById("result").innerHTML = "你猜的數(shù)字太小了，再試一次吧。";
}
}
</script>
</body>
</html>說明：
1. <input id="guess" type="number"> 創(chuàng)建一個數(shù)字輸入框，id為"guess"
2. <button onclick="checkGuess()"> 創(chuàng)建一個按鈕，點擊后調(diào)用checkGuess()函數(shù)
3. var answer = Math.floor(Math.random() * 100) + 1; 用于生成一個介于1到100之間的隨機數(shù)
4. function checkGuess() {} 定義checkGuess()函數(shù)
5. var guess = document.getElementById("guess").value; 獲取玩家輸入的數(shù)字
6. 通過判斷guess和answer的大小來判斷是否猜對，最后在HTML頁面上輸出結(jié)果上一篇vue桌面版
下一篇css 圖片高 寬50