HTML5猜數字小游戲是一個簡單但有趣的游戲，讓玩家猜測被計算機隨機生成的數字并輸出結果。以下是一個簡單的HTML5猜數字游戲代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜數字游戲</title>
</head>
<body>
<h1>猜數字游戲</h1>
<p>我要猜一個1到100之間的數字。</p>
<p>請輸入你的猜測:</p>
<input type="text" id="guess">
<br><br>
<button onclick="checkGuess()">提交</button>
<p id="output"></p>
<script>
var randomNum = Math.floor(Math.random() * 100) + 1; // 生成隨機數
var numOfGuesses = 0; // 初始化猜測次數
function checkGuess() {
var userGuess = parseInt(document.getElementById("guess").value);
numOfGuesses++;
if(userGuess === randomNum) { // 猜對了
document.getElementById("output").innerHTML = "恭喜你，你用了" + numOfGuesses + "次機會猜對了！";
} else if(userGuess >randomNum) { // 猜大了
document.getElementById("output").innerHTML = "你猜的數字太大了，請再試一次。";
} else { // 猜小了
document.getElementById("output").innerHTML = "你猜的數字太小了，請再試一次。";
}
}
</script>
</body>
</html>在這個游戲中，我們使用了HTML5的核心元素如<h1>、<p>和<input>等。我們還在JavaScript代碼中定義了一個<script>標簽，用于處理游戲邏輯和生成隨機數、判斷猜測等操作。其中，我們使用了parseInt()函數將用戶輸入的字符串轉換為整數，并使用innerHTML將結果輸出至頁面上。
上一篇post類css
下一篇mysql5.7小版本