[原创]利用JavaScript简单知识,开发一个小游戏~,超简单

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

       简单效果图:

     

       示例源码:      

<!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>


有兴趣的同学研究下~

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值