利用JavaScript简单知识，开发一个小游戏-js教程-PHP中文网

首页

web前端

js教程

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

高洛峰

Nov 25, 2016 pm 01:25 PM

javascript

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

简单效果图：

QQ图片20161125114704.png

示例源码：

view plaincopy to clipboardprint?

猜猜看
<script> //随机产生一个随机整数 // 四舍五入随机数（0-1） var num = Math.round(Math.random()*1000); //定义一个标志变量 var falg=true; //定义一个变量，统计猜得次数 var count=1; document.write(" "); //执行while循环 while(falg){ if(count<=10){ //第一步，接受用户输入的内容 var inputnum=prompt("请输入您要猜得数字!",1); //第二步，把用户输入的内容和产生的随机数进行比较 //三种情况： 1)输入的数大于产生随机数提示“大了” if(inputnum>num){ //输出一句话， document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字大了 "); count++; } //三种情况： 2)输入的数小于产生随机数提示"小了" if(inputnum<num){ //输出一句话， document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字小了 "); 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>

猜猜看
<script> //随机产生一个随机整数 // 四舍五入随机数（0-1） var num = Math.round(Math.random()*1000); //定义一个标志变量 var falg=true; //定义一个变量，统计猜得次数 var count=1; document.write(" "); //执行while循环 while(falg){ if(count<=10){ //第一步，接受用户输入的内容 var inputnum=prompt("请输入您要猜得数字!",1); //第二步，把用户输入的内容和产生的随机数进行比较 //三种情况： 1)输入的数大于产生随机数提示“大了” if(inputnum>num){ //输出一句话， document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字大了 "); count++; } //三种情况： 2)输入的数小于产生随机数提示"小了" if(inputnum<num){ //输出一句话， document.write("这是您第"+count+"次机会,您本次输入的数字为"+inputnum+",您输入的数字小了 "); 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>