Maison  >  Article  >  interface Web  >  利用JavaScript简单知识,开发一个小游戏

利用JavaScript简单知识,开发一个小游戏

高洛峰
高洛峰original
2016-11-25 13:25:181807parcourir

  今天给学生讲软件项目管理,发现学生想睡觉,灵机一动,给大家写个小游戏,一起猜猜看~

       简单效果图:

QQ图片20161125114704.png

     示例源码:      

view plaincopy to clipboardprint? 
 
 
 
猜猜看 
<script> <br>//随机产生一个随机整数  <br>//           四舍五入       随机数(0-1)  <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> <br>//执行while循环  <br>while(falg){ <br>     <br>    if(count<=10){ <br/> //第一步,接受用户输入的内容 <br/> var inputnum=prompt("请输入您要猜得数字!",1); <br/> <br/> //第二步,把用户输入的内容和产生的随机数进行比较 <br/> <br/> //三种情况: 1)输入的数大于产生随机数 提示“大了” <br/> if(inputnum>num){ <br>              //输出一句话,  <br>              document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字大了<br>");   <br>              count++; <br>            } <br>           <br>          //三种情况: 2)输入的数小于产生随机数  提示"小了"  <br>          if(inputnum<num){ <br>              //输出一句话,  <br>              document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字小了<br>");  <br>              count++;  <br>            } <br>          //三种情况: 1)输入的数等于产生随机数  提示"对了" ,设置标志位为false;  <br>          if(inputnum==num){ <br>              if(count<=3){ <br/> //输出一句话, <br/> alert("你超牛X,猜对了!"); <br/> } <br/> if(count<=6&&count>3){ <br>                   //输出一句话,  <br>                   alert("你还可以,也猜对了!");  <br>                  } <br>              if(count<=10&&count>6){ <br>                   //输出一句话,  <br>                   alert("勉强,也猜对了!");  <br>                  } <br>              //标志位设置false  <br>              falg=false;  <br>            } <br>             <br>             <br>             <br>     <br>    }else{ <br>         <br>              //输出一句话,  <br>              alert("我晕,10次都没有猜对,怎么搞的?!");  <br>              //标志位设置false  <br>              falg=false;  <br>        } <br>     <br>} <br> <br></script> 
 
 
 
 
 
 
 
 




猜猜看
<script><br>//随机产生一个随机整数<br>//           四舍五入       随机数(0-1)<br>var num = Math.round(Math.random()*1000);<br>//定义一个标志变量<br>var falg=true;<br>//定义一个变量,统计猜得次数<br>var count=1;</p> <p>document.write("<br><br><br><br><br><br><br><br>");</p> <p>//执行while循环<br>while(falg){<br> <br> if(count<=10){<br/> //第一步,接受用户输入的内容<br/> var inputnum=prompt("请输入您要猜得数字!",1);<br/> <br/> //第二步,把用户输入的内容和产生的随机数进行比较<br/> <br/> //三种情况: 1)输入的数大于产生随机数 提示“大了”<br/> if(inputnum>num){<br>     //输出一句话,<br>     document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字大了<br>"); <br>     count++;<br>   }<br>   <br>    //三种情况: 2)输入的数小于产生随机数  提示"小了"<br>    if(inputnum<num){<br>     //输出一句话,<br>     document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字小了<br>");<br>     count++;<br>   }<br>    //三种情况: 1)输入的数等于产生随机数  提示"对了" ,设置标志位为false;<br>    if(inputnum==num){<br>     if(count<=3){<br/> //输出一句话,<br/> alert("你超牛X,猜对了!");<br/> }<br/> if(count<=6&&count>3){<br>       //输出一句话,<br>          alert("你还可以,也猜对了!");<br>      }<br>     if(count<=10&&count>6){<br>       //输出一句话,<br>          alert("勉强,也猜对了!");<br>      }<br>     //标志位设置false<br>     falg=false;<br>   }<br>   <br>   <br>   <br> <br> }else{<br>  <br>        //输出一句话,<br>     alert("我晕,10次都没有猜对,怎么搞的?!");<br>     //标志位设置false<br>     falg=false;<br>  }<br> <br>}</p> <p></script>




 

有兴趣的同学研究下~


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn