js實現彈窗猜數字游戲
本文實例為大家分享了js實現彈窗猜數字游戲的具體代碼，供大家參考，具體內容如下
<!DOCTYPE html><html> <head> <meta charset='UTF-8'> <title></title> </head> <body> <script> var num = Math.floor(Math.random() * 100 + 1); // 產生0-100的數加以1 do { var guess = parseInt(prompt('下面進行猜數字游戲，請輸入1到100之間的整數：', '')); if(guess === num) { //當guess值等同隨機數值時，直接比較值 alert('恭喜你，猜對了，幸運數字是：' + num); //猜對數字彈出窗口 break; } else { if(guess > num) { //輸入的值大于隨機數時 alert('你猜的數字大了'); go_on = confirm('是否繼續游戲？'); //confirm()方法返回一個一個帶確認和取消按鈕的對話框，點擊確認，confirm返回true，點擊取消，confirm返回false。 } else { //當猜的數字小于隨機數時 alert('你猜的數字小了'); go_on = confirm('是否繼續游戲？'); //對話框 } } } while (go_on); //當指定的條件為 true 時循環指定的代碼塊 alert('謝謝參與游戲！'); </script> </body></html>
最后附上全部代碼
網頁執行效果圖：當輸入30時，猜的數字偏大
確定后會再彈窗詢問是否繼續，確定就繼續游戲，取消就退出游戲。
那我們就可以確定數字在30以下了最后輸入一次數字13，幸運數字
感興趣的小伙伴可以嘗試一下
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。
相關文章：
1. Ajax常用封裝庫——Axios的使用2. jsp網頁實現貪吃蛇小游戲3. jsp+servlet簡單實現上傳文件功能（保存目錄改進）4. CSS Hack大全-教你如何區分出IE6-IE10、FireFox、Chrome、Opera5. 不使用XMLHttpRequest對象實現Ajax效果的方法小結6. PHP終止腳本運行三種實現方法詳解7. 如何在?ASP.NET?Core?Web?API?中處理?Patch?請求8. Android 7.0 運行時權限彈窗問題的解決9. 在 Ubuntu Linux 上安裝 Oracle Java 14的方法10. Android Studio進行APP圖標更改的兩種方式總結
網公網安備