用js 实现猜数字小游戏

来源:互联网 发布:全国手机号码数据库 编辑:程序博客网 时间:2024/06/05 12:39

<!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 language="javascript" type="text/javascript">


/*
声明:使用的火狐浏览器,在IE下有问题
补充:alert 和document.write()区别
alert:弹出一个框
document.write()在页面上提示字符流


 游戏实现思路
 1、随机的产生一个数字
 2、获取用户输入的内容
 3、比较用户输入的内容,判断是大了还是小了
 4、判断的同时加上次数的限制等修饰

*/

//定义累加变量,用于统计第几次输入
var count=1;

//定义一个标志位
var flag=true;
var str;

 
  //产生一个随机数
  var sjNum=Math.round(Math.random()*1000);
  // alert(sjNum);

 //while循环
 while(flag){
  str="";
 //判断是否超过十次
 if(count<=10){
  
  //获取用户输入内容
  var inputNum=prompt("请输入你要猜的随机数","1");
  
   /*判断
       大于
    小于 
    如果是等于,改变flag值为false 
 
    */
   
     if(inputNum<sjNum){
    
   str+="您本次是第"+count+"次竞猜,还有"+(10-count)+"次机会,本次猜的数字是"+inputNum+",您输入的小了<br>";
    count++;
     }
  if(inputNum>sjNum){
    
   str+="您本次是第"+count+"次竞猜,还有"+(10-count)+"次机会,本次猜的数字是"+inputNum+",您输入的大了<br>";
        
      count++;
  }else if(inputNum==sjNum){
    
     str+="您本次是第"+count+"次竞猜,恭喜猜对了!";
   
    //设置标志位
    flag=false;
     }
 
 document.write(str);
    str="";   
 }else{
  
   alert("哥们,火星来的吧十次都没猜对!");
  alert("正确答案是:"+sjNum);
  break;
 }
 
 
 
}

 


</script>
</head>

<body>
</body>
</html>