js实现猜数字大小游戏
生活随笔
收集整理的這篇文章主要介紹了
js实现猜数字大小游戏
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
要求：
在輸入框中輸入你猜的數字，
然后會和系統里隨機的數字進行比較返回比較結果，
如果你手動輸入的數字比隨機的數字大，
會在頁面里輸出“猜大了”,若比隨機數字小，會在頁面里輸出"猜小了"，
否則，就是"猜對了"，會出現對應提醒。如果猜對的話，會出現之前隱藏的一個按鈕，
提醒你是否繼續游戲，點擊代表繼續游戲，小按鈕也會消失。
html代碼：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><div id="first"></div><input type="text" id="second" placeholder="請輸入你所猜到的數字"><button onclick="get()">猜一猜</button><button id="third" onclick="get1()" style="display: none">恭喜你，再來一次</button><script>var _first=document.getElementById("first");var _second=document.getElementById("second");var _third=document.getElementById("third");c = Math.floor(Math.random() * 10);console.log(c);function get(){if(_second.value==c){_first.innerHTML="恭喜你猜對了";_third.style.display="block";}else if(_second.value>c){_first.innerHTML="猜大了";}else{_first.innerHTML="猜小了";}}function get1(){_first.innerHTML="";_second.value="";c = Math.floor(Math.random() * 10);console.log(c);_third.style.display="none";}</script></body> </html>? ? ? ?為了方便觀察生成的隨機數，我們特意添加了在控制臺輸出生成的隨機數，同時也可以更改隨機數的范圍，增加趣味性。
結果展示：
?
?
?
?
總結
以上是生活随笔為你收集整理的js实现猜数字大小游戏的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 云安全 CDN和云防护的区别
- 下一篇： PHP修改图片上的文字,怎么用ps改图片