HTML猜字游戲是一種非常有趣的游戲,通過HTML代碼實現(xiàn),非常適合初學編程的人進行練習,下面是一個簡單的HTML猜字游戲代碼實現(xiàn):
<html> <head> <title>HTML猜字游戲</title> </head> <body> <h1>猜字游戲</h1> <p>猜測1 ~ 100 之間的數(shù)字:</p> <input type="number" id="guess" min="1" max="100"> <button onclick="checkGuess()">提交</button> <p id="ans"></p> <script> var answer = Math.floor(Math.random() * 100) + 1; function checkGuess() { var userGuess = document.getElementById("guess").value; if (userGuess == answer) { document.getElementById("ans").innerHTML = "恭喜你,猜對了!"; } else if (userGuess < answer) { document.getElementById("ans").innerHTML = "太小了,再猜一次!"; } else if (userGuess > answer) { document.getElementById("ans").innerHTML = "太大了,再猜一次!"; } } </script> </body> </html>
在這個代碼中,我們使用了input標簽讓用戶輸入猜測的數(shù)字,并限制了輸入的數(shù)字范圍為1~100。然后在點擊按鈕時會執(zhí)行checkGuess()函數(shù),用于判斷用戶是否輸入了正確的數(shù)字。
在checkGuess()函數(shù)中,我們首先獲取用戶輸入的數(shù)字,然后和隨機生成的答案進行比較,如果相同就提示猜對了,如果不同就提示猜測的數(shù)字大小是否正確。
這樣簡單的HTML猜字游戲代碼,可以讓初學編程的人在實踐中掌握HTML基本語法和JavaScript基本邏輯操作,也可以通過修改代碼增加更多的游戲玩法和難度,寓教于樂。