HTML小游戲是使用HTML語言編寫的游戲,非常適合初學者學習HTML語言時練習使用。下面是一個簡單的HTML小游戲的純源代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML小游戲</title> </head> <body> <h1>猜數字游戲</h1> <p>請輸入1-10之間的數字:</p> <input type="text" id="guess"> <button onclick="checkGuess()">提交</button> <p id="result"></p> <script> var randomNumber = Math.floor(Math.random() * 10) + 1; var guessAttempts = 0; function checkGuess() { var guess = parseInt(document.getElementById("guess").value); guessAttempts++; if (guess === randomNumber) { document.getElementById("result").innerHTML = "恭喜你!猜對了,用了" + guessAttempts + "次。"; } else if (guess >randomNumber) { document.getElementById("result").innerHTML = "你猜的數字太大了,請再試一次。"; } else { document.getElementById("result").innerHTML = "你猜的數字太小了,請再試一次。"; } } </script> </body> </html>
在這個猜數字的小游戲中,玩家需要在輸入框中輸入自己猜測的數字,然后點擊提交按鈕進行猜測。每次猜錯了,游戲會給出提示信息告訴玩家猜的數字是偏大還是偏小,直到玩家猜對為止。這個小游戲使用了HTML的元素、屬性和JavaScript的條件語句、循環等基本語法,適合初學者進行練習。