1. 程式人生 > 程式設計 >js實現彈窗猜數字遊戲

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時,猜的數字偏大

js實現彈窗猜數字遊戲

確定後會再彈窗詢問是否繼續,確定就繼續遊戲,取消就退出遊戲。

js實現彈窗猜數字遊戲

那我們就可以確定數字在30以下了
最後輸入一次數字13,幸運數字

js實現彈窗猜數字遊戲

感興趣的小夥伴可以嘗試一下

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。