HTML猜大小是一款基于HTML語言的小型游戲。該游戲僅支持單人游戲,其規則是玩家需要猜測由計算機隨機生成的一個數字,該數字在0到100之間。如果玩家猜的數字小于計算機生成的數字,則會提示“太小了”,反之則會提示“太大了”,如果猜中了則會提示“恭喜你,猜對了!”。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML猜大小游戲</title> </head> <body> <h1>HTML猜大小游戲</h1> <p>請猜測一個0~100的數字:</p> <form> <input type="text" id="myNumber" name="myNumber"> <br><br> <input type="button" value="確認" onclick="checkNumber()"> </form> <p id="result"></p> <script> function checkNumber() { var randomNumber = Math.floor(Math.random() * 100); var userNumber = document.getElementById("myNumber").value; if (userNumber === "") { alert("請輸入一個數字!"); return false; } if (userNumber< randomNumber) { document.getElementById("result").innerHTML = "太小了!"; } else if (userNumber >randomNumber) { document.getElementById("result").innerHTML = "太大了!"; } else { document.getElementById("result").innerHTML = "恭喜你,猜對了!"; } } </script> </body> </html>
在該代碼中,我們首先定義了一個HTML表單,用戶可以在該表單中輸入一個數字進行猜測。隨后,我們使用JavaScript的Math.random()函數生成一個0到100之間的隨機數。當用戶點擊確認按鈕時,便會觸發checkNumber()函數進行數字校驗。如果用戶未輸入任何數字,則會提示用戶需要輸入數字,否則若猜錯了則會提示“太小了”或“太大了”,若猜對了則會提示“恭喜你,猜對了!”。
下一篇jquery6獲取ip