用js 实现猜数字小游戏

最新推荐文章于 2024-01-27 21:56:08 发布

honey_tao

最新推荐文章于 2024-01-27 21:56:08 发布

阅读量1.6k

点赞数

文章标签： xhtml javascript 游戏浏览器 html ie

本文链接：https://blog.csdn.net/honey_th/article/details/7280823

版权

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

}