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. Vue為什么要謹慎使用$attrs與$listeners2. 解決在Vue中使用axios POST請求變成OPTIONS的問題3. 通過實例解析JavaScript常用排序算法4. Java 生成帶Logo和文字的二維碼5. SpringBoot 使用 @Value 注解讀取配置文件給靜態變量賦值6. SpringBoot整合MybatisPlus的教程詳解7. 如何通過vscode運行調試javascript代碼8. python 實現圖片修復(可用于去水印)9. Android自定義控件實現方向盤效果10. python中的socket實現ftp客戶端和服務器收發文件及md5加密文件
