代码改变世界

2016年3月24日JavaScript怎样用局部变量一

2016-03-25 00:04  yojiaku  阅读(220)  评论(0编辑  收藏  举报

初学者用JavaScript写一个小游戏:输入四个整数,然后输出一句话

所用到的知识:数组、随机数如何产生、如何用数组输出局部变量

html文件:
  <div class="container">
  <div class="header_"> <h1> 愚人节你会做什么! </h1> </div>
  <button class="btn btn-danger " type="button" id="btn_"> 点击进入游戏 </button>
其中,引入了ZUI文件写<button>按钮的效果

效果图:

然后是用javaScript做出游戏的效果:

function clickMeFour(){
  var d = prompt("请输入你心中的第四个整数");  //前面有三个一样的函数
  var dQuestion = new Array(9);
  dQuestion[0] = "a";
  dQuestion[1] = "b";
  dQuestion[2] = "c";
  dQuestion[3] = "d";
  dQuestion[4] = "e";
  dQuestion[5] = "f";
  dQuestion[6] = "g";
  dQuestion[7] = "h";
  dQuestion[8] = "i";
  if(d >= 0 && d <= 8){
   var dAnswer = dQuestion[d];
   //alert(dAnswer);
   answer[3] = dAnswer;  //全局变量answer为一个数组
   answer0();
   return dAnswer;
  }
  else{
   var num = Math.random();//Math.random():得到一个0到1之间的随机数
   num = Math.floor(num * 10);//num*10的取值范围在0~10之间,使用向下取整就可以得到一个1~80的随机数
   d = num;
   var dAnswer = dQuestion[d];
   //alert(dAnswer);
   answer[3] = dAnswer;
   answer0();
   return dAnswer;
  }
  //return dAnswer;
 };

 将以上四个同样的函数包含在一个大的函数里,并将变量answer(用来储存四个数字的答案)声明为全局变量,answer变量是一个数组,

在这个大的函数里添加一个answer0()函数:

function answer0(){
  alert("愚人节你将会:" + answer);
 }

最后的效果图:

想玩这个游戏可以再2016年愚人节进重庆大学微信玩