js实现猜数字大小游戏
生活随笔
收集整理的這篇文章主要介紹了
js实现猜数字大小游戏
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
要求：
在輸入框中輸入你猜的數(shù)字，
然后會和系統(tǒng)里隨機(jī)的數(shù)字進(jìn)行比較返回比較結(jié)果，
如果你手動輸入的數(shù)字比隨機(jī)的數(shù)字大，
會在頁面里輸出“猜大了”,若比隨機(jī)數(shù)字小，會在頁面里輸出"猜小了"，
否則，就是"猜對了"，會出現(xiàn)對應(yīng)提醒。如果猜對的話，會出現(xiàn)之前隱藏的一個(gè)按鈕，
提醒你是否繼續(xù)游戲，點(diǎn)擊代表繼續(xù)游戲，小按鈕也會消失。
html代碼：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><div id="first"></div><input type="text" id="second" placeholder="請輸入你所猜到的數(shù)字"><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>? ? ? ?為了方便觀察生成的隨機(jī)數(shù)，我們特意添加了在控制臺輸出生成的隨機(jī)數(shù)，同時(shí)也可以更改隨機(jī)數(shù)的范圍，增加趣味性。
結(jié)果展示：
?
?
?
?
總結(jié)
以上是生活随笔為你收集整理的js实现猜数字大小游戏的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 云安全 CDN和云防护的区别
- 下一篇： PHP修改图片上的文字,怎么用ps改图片