利用JavaScript簡單知識,開發一個小遊戲~,超簡單

  今天給學生講軟件項目管理,發現學生想睡覺,靈機一動,給大傢寫個小遊戲,一起猜猜看~

       簡單效果圖:

     

       示例源碼:      

view plaincopy to clipboardprint?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>猜猜看</title> 
<script> 
//隨機產生一個隨機整數  
//           四舍五入       隨機數(0-1)  
var num = Math.round(Math.random()*1000); 
//定義一個標志變量  
var falg=true; 
//定義一個變量,統計猜得次數  
var count=1; 
 
document.write("<br><br><br><br><br><br><br><br>"); 
 
//執行while循環  
while(falg){ 
     
    if(count<=10){ 
        //第一步,接受用戶輸入的內容  
        var inputnum=prompt("請輸入您要猜得數字!",1); 
         
        //第二步,把用戶輸入的內容和產生的隨機數進行比較  
         
          //三種情況: 1)輸入的數大於產生隨機數  提示“大瞭”  
          if(inputnum>num){ 
              //輸出一句話,  
              document.write("這是您第"+count+"次機會,您本次輸入的數字為"+inputnum+",您輸入的數字大瞭<br>");   
              count++; 
            } 
           
          //三種情況: 2)輸入的數小於產生隨機數  提示"小瞭"  
          if(inputnum<num){ 
              //輸出一句話,  
              document.write("這是您第"+count+"次機會,您本次輸入的數字為"+inputnum+",您輸入的數字小瞭<br>");  
              count++;  
            } 
          //三種情況: 1)輸入的數等於產生隨機數  提示"對瞭" ,設置標志位為false;  
          if(inputnum==num){ 
              if(count<=3){ 
                   //輸出一句話,  
                   alert("你超牛X,猜對瞭!");  
                  } 
              if(count<=6&&count>3){ 
                   //輸出一句話,  
                   alert("你還可以,也猜對瞭!");  
                  } 
              if(count<=10&&count>6){ 
                   //輸出一句話,  
                   alert("勉強,也猜對瞭!");  
                  } 
              //標志位設置false  
              falg=false;  
            } 
             
             
             
     
    }else{ 
         
              //輸出一句話,  
              alert("我暈,10次都沒有猜對,怎麼搞的?!");  
              //標志位設置false  
              falg=false;  
        } 
     

 
</script> 
 
 
</head> 
 
<body> 
 
</body> 
</html> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>猜猜看</title>
<script>
//隨機產生一個隨機整數
//           四舍五入       隨機數(0-1)
var num = Math.round(Math.random()*1000);
//定義一個標志變量
var falg=true;
//定義一個變量,統計猜得次數
var count=1;

document.write("<br><br><br><br><br><br><br><br>");

//執行while循環
while(falg){
 
 if(count<=10){
  //第一步,接受用戶輸入的內容
  var inputnum=prompt("請輸入您要猜得數字!",1);
  
  //第二步,把用戶輸入的內容和產生的隨機數進行比較
  
    //三種情況: 1)輸入的數大於產生隨機數  提示“大瞭”
    if(inputnum>num){
     //輸出一句話,
     document.write("這是您第"+count+"次機會,您本次輸入的數字為"+inputnum+",您輸入的數字大瞭<br>"); 
     count++;
   }
   
    //三種情況: 2)輸入的數小於產生隨機數  提示"小瞭"
    if(inputnum<num){
     //輸出一句話,
     document.write("這是您第"+count+"次機會,您本次輸入的數字為"+inputnum+",您輸入的數字小瞭<br>");
     count++;
   }
    //三種情況: 1)輸入的數等於產生隨機數  提示"對瞭" ,設置標志位為false;
    if(inputnum==num){
     if(count<=3){
       //輸出一句話,
          alert("你超牛X,猜對瞭!");
      }
     if(count<=6&&count>3){
       //輸出一句話,
          alert("你還可以,也猜對瞭!");
      }
     if(count<=10&&count>6){
       //輸出一句話,
          alert("勉強,也猜對瞭!");
      }
     //標志位設置false
     falg=false;
   }
   
   
   
 
 }else{
  
        //輸出一句話,
     alert("我暈,10次都沒有猜對,怎麼搞的?!");
     //標志位設置false
     falg=false;
  }
 
}

</script>


</head>

<body>

</body>
</html>
 

有興趣的同學研究下~

 作者“liwei3gjob的專欄”

You May Also Like