HTML5猜數字游戲
通過下面這個HTML5猜數字游戲，可以看到如何使用HTML5技術和JavaScript代碼實現一個簡單的猜數字游戲。
<!DOCTYPE html>
<html>
<head>
<title>猜數字游戲</title>
<script type="text/javascript">
function guessNumber() {
var randomNumber = Math.floor(Math.random() * 100) + 1; //1-100的隨機數
var userGuess = document.getElementById("userGuess").value;
var resultMsg = document.getElementById("resultMsg");
if(userGuess == randomNumber) {
resultMsg.innerHTML = "恭喜你，猜對了！";
} else if(userGuess >randomNumber) {
resultMsg.innerHTML = "猜大了，請再試一次。";
} else {
resultMsg.innerHTML = "猜小了，請再試一次。";
}
}
</script>
</head>
<body>
<h1>猜數字游戲</h1>
<p>請猜1到100之間的一個數字:</p>
<input type="text" id="userGuess" />
<button onclick="guessNumber()">提交</button>
<p id="resultMsg"></p>
</body>
</html>上面這段代碼中，使用了HTML5的元素來獲取用戶的輸入，使用了
JavaScript代碼中，使用了Math.random()來獲取1-100之間的一個隨機數，并使用了if-else語句來判斷用戶猜測的數字。最后，使用innerHTML將結果顯示在頁面上。
通過以上代碼和介紹，相信大家已經了解了如何使用HTML5技術和JavaScript代碼實現一個猜數字游戲了。希望大家通過學習這個簡單的例子，能夠更好地掌握HTML5和JavaScript這兩項技術。