HTML猜數字游戲是一種非常有趣的游戲,可以在HTML頁面上實現。這個游戲的主要目的是要猜到一個隨機數字。
<!DOCTYPE html> <html> <head> <title>猜數字游戲</title> </head> <body> <h1>歡迎來到猜數字游戲</h1> <p>請在下面輸入一個數字,并點擊“猜”按鈕</p> <input id="guess" type="text"> <button onclick="checkGuess()">猜</button> <p id="result"></p> <script> var randomNumber = Math.floor(Math.random() * 100) + 1; function checkGuess() { var guess = Number(document.getElementById('guess').value); if (guess === randomNumber) { document.getElementById('result').innerHTML = '恭喜你,猜對了!'; } else if (guess >randomNumber) { document.getElementById('result').innerHTML = '太大了,再試一次!'; } else { document.getElementById('result').innerHTML = '太小了,再試一次!'; } } </script> </body> </html>
這個游戲的HTML代碼包括一個包含輸入框和按鈕的表單,以及一個用于顯示結果的段落。當玩家輸入猜測并點擊“猜”按鈕時,checkGuess()函數將會被調用,并將玩家的猜測與生成的隨機數進行比較。如果猜測正確,結果段落將顯示“恭喜你,猜對了!”。否則,結果段落將給出提示,供玩家根據這些提示進一步猜測。
總之,HTML猜數字游戲是一種簡單而有趣的游戲,可以通過使用HTML和JavaScript來實現。即使你是一名初學者,也可以輕松學會如何編寫這個游戲的代碼。如果你正在尋找一種好玩的方式來加強你的HTML和JavaScript技能,那么這個游戲絕對是值得一試的!