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

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

高洛峰

发布： 2016-11-25 13:25:18

原创

2200人浏览过

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

简单效果图：

QQ图片20161125114704.png

示例源码：

view plaincopy to clipboardprint?<!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(" ");

//执行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>

</head>

<body>

</body>
</html>
<!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;

立即学习“Java免费学习笔记（深入）”；

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

}