首頁 > web前端 > js教程 > 主體

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

高洛峰
發布: 2016-11-25 13:25:18
原創
1845 人瀏覽過

  今天跟學生講軟體專案管理,發現學生想睡覺,靈機一動,給大家寫個小遊戲,一起猜猜看~

       簡單效果圖:

view plaincopy to clipboardprint?
 

 
 
猜猜看 
<script> <br/><title>猜猜看 <br/><script> <br/>//隨機產生一個隨機整數  <br/>//          1000); <br/>//定義一個標誌變數  <br/>var falg=true; <br/>//定義一個變數,統計猜得次數  <br/>var count=1; <br/> <br/>document.write("<br><br br><br><br><br><br>"); <br/> <br/>//執行while循環  <br/>while(falg){ <br/>     的內容  <br/>        var inputnum=prompt("請輸入您要猜得數字!",1); <br/>              <br/>          //三種狀況: 1)輸入的數量大於產生隨機數字  提示「大了」  <br/>           document.write("這是您第"+count+"次機會,您本次輸入}  <br/>              count++; 🎠   <br/>          // 三種狀況:2)輸入的數量小於產生隨機數  提示"小了"  <br/>          if( inputnum<num){ <br/>              //輸出一句話,  <br/>              document.write("這是您第"+count+"次機會,您本次輸入的數字為"+inputnum+",您輸入的數字小了<br> ");  <br/>              count++;  <br/>          為false;  <br/>          if(inputnum==num){ <br/>             ) if(count< =3){ <br/>                   //輸出一句話,  <br/>        ");  <br/>                  } <br/>                  //輸出一句話,  <br/>                   alert("你仍可<br/>              if(count<=10&&count>6 ){ <br/>//輸出一句話,  <br/>                   alert("勉強,也猜對了!");           //標記設定false  <br/>              falg=false;    <br/>             <br/>             🎠               //輸出一句話,  <br/>              alert("我暈,10次都沒有猜對,怎麼搞的?!");  <br/>           falg=false;  <br/>        } <br/>     <br/>} <br/> <br/></script>   

 
 
 
 
 
 
 




猜猜看
<script><br/>//隨機產生一個隨機整數<br/>//       )<br/>var num = Math.round(Math.random()*1000);<br/>//定義一個標誌變數<br/>var falg=true;<br/>//定義一個變量,統計猜得次數<br/>var count=1;<br/><br/> document.write("<br><br><br><br><br><br><br><br>");<br/><p>//執行while循環<br/>while(falg){<br/> <br/> if(count<=10){<br/>  //第一步,接受使用者輸入的內容<br/>  var inputnum=prompt("請輸入您要猜得數字!" ,1);<br/>  <br/>  //第二步,將使用者輸入的內容和產生的隨機數字比較<br/>  <br/>    //三種情況:1)輸入的數量大於產生隨機數字>num){<br/>     //輸出一句話,<br/>     document.write("這是您第"+count+"次機會,您本次輸入的數字為"+inputnum+",您輸入的數字大了<br>" ); <br/>     count++;<br/>   }<br/>   <br/>    //三種狀況:2)輸入的數小於產生隨機數  提示"小了 document.write("這是您第"+count+"次機會,您本次輸入的數字為"+inputnum+",您輸入的數字小了<br>");<br/>     count++;<br/>   }<br/>    //三種情況:1)輸入輸入的數字等於產生隨機數  提示"對了" ,設定標誌位元為false;<br/>    if(inputnum==num){<br/>     if(count<=3){<br/>   X,猜對了! }<br/>     if( count<=10&&count>6){<br/>       //輸出一句話,<br/>          alert("勉強,也猜對了!"); se;<br/>   }<br/>   <br/>   <br/>   <br/> <br/> }else{<br/>  <br/>        //輸出一句話,<br/>     alert("我暈,10次都沒有猜對,怎麼搞的?!");  <br/>} <br/><br/></script>








 

有興趣的同學研究下~






相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板