当前位置:编程学习 > JAVA >>

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

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

       简单效果图:

 \    

       示例源码:      

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("<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> 
<!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("请输入您要猜得

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,