JS實現網頁端猜數字小遊戲
阿新 • • 發佈:2020-03-07
本文例項為大家分享了JS實現網頁端猜數字遊戲的具體程式碼,供大家參考,具體內容如下
題目描述
電腦產生一個0到100之間的隨機數字,並且要求使用者來猜,如果使用者猜的數字比這個數字大,電腦會提示“太大”,否則會提示“太小”,當用戶正好猜中,電腦會提示“恭喜你猜對了,這個數是…”。在使用者每次猜測之後,程式會輸出使用者第幾次猜測。如果使用者輸入的根本不是一個數字,程式會告訴使用者輸入無效
程式碼實現
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>猜數字小遊戲</title> <script type="text/javascript"> var Random = Math.floor(Math.random()*101) alert("猜測一個0到100之間的整數") for (var i = 1; ; i++ ) { var val = prompt("第"+i+"次猜,請輸入一個整形數字") if (isNaN(val) || val > 100 || val < 0) { alert("輸入無效,請輸入一個0到100之間的整數。") } else { if (val < Random) { alert("太小了,請再猜一次。") } else if (val > Random) { alert("太大了,請再猜一次。") } else if (val == Random) { alert("恭喜你猜對了,這個數是"+val) break } } } </script> </head> <body> </body> </html>
這種小玩意不需要css渲染,把js在html裡直接寫就比較方便了,思路也沒有什麼可以說的,直接看效果吧。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。