javascript实现的猜数小游戏完整实例代码

 更新时间:2016年05月10日 11:54:53   作者:dingyan954  
这篇文章主要介绍了javascript实现的猜数小游戏,游戏中用户共有10次猜测机会,并且每次都有不同的提示信息,该游戏涉及javascript流程控制与数值运算的相关技巧,需要的朋友可以参考下

本文实例讲述了javascript实现的猜数小游戏。分享给大家供大家参考,具体如下:

<!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>js游戏</title>
<script type="text/JavaScript">
 var x=10;
 //x=parseInt(Math.random()*(1000-1))+1;
 for(var i=0;i<10;i++){
 var num=prompt("请输入你猜测的数字","");
 if (num!=null && num!="")
  {
 if(num==x){
  switch(i){
  case 0:
   alert('真神啦,猜对了!');
   i=10;
   break;
  case 1:
   alert('厉害,对啦!');
   i=10;
   break;
  case 2:
   alert('真棒,对啦!');
   i=10;
   break;
  case 3:
   alert('好好,对啦!');
   i=10;
   break;
  case 4:
   alert('不容易,对啦!');
   i=10;
   break;
  case 5:
   alert('将就,对啦!');
   i=10;
   break;
  case 6:
   alert('有点慢,对啦!');
   i=10;
   break;
  case 7:
   alert('下次快点,对啦!');
   i=10;
   break;
  case 8:
   alert('赶上啦,对啦!');
   i=10;
   break;
  case 9:
   alert('最后机会,对啦!');
   i=10;
   break;
  }
 }
 if(i==9){
  alert('笨蛋,10次都猜不对!');
 }
 if(num>x){
  document.write("您已经猜了" + eval(i+1) + "次," + num +"," + "大了!<br>");
 }
 if(num<x){
  document.write("您已经猜了" + eval(i+1) + "次," + num +"," + "小了!<br>");
 }
  }else{
 alert('不能为空'); 
 }
 }
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • js中自定义方法实现停留几秒sleep

    js中自定义方法实现停留几秒sleep

    js中不存在自带的sleep方法,要想休眠要自己定义个方法,需要的朋友可以参考下
    2014-07-07
  • 小程序跨页面交互的作用与方法详解

    小程序跨页面交互的作用与方法详解

    这篇文章主要介绍了小程序跨页面交互的作用与方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • javascript 面向对象实战思想分享

    javascript 面向对象实战思想分享

    万物皆对象,所以,任何事物都是有特征(属性)和动作(方法)的,一般拿到一份需求分档,或者你浏览一个网页看到一个画面的时候,脑子里就要有提炼出来的属性和方法的能力,那你才是合格的
    2017-09-09
  • JavaScript中三种引入方式的使用详解

    JavaScript中三种引入方式的使用详解

    JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言,本文主要为大家介绍了JavaScript中三种常见引入方式,希望对大家有所帮助
    2024-01-01
  • js 概率计算(简单版)

    js 概率计算(简单版)

    这篇文章主要介绍了js 概率计算(简单版),需要的朋友可以参考下
    2017-09-09
  • 轻量级的原生js日历插件calendar.js使用指南

    轻量级的原生js日历插件calendar.js使用指南

    网页上的原生js日历代码,鼠标点击文字提示处,会显示一个带年月日的日历窗口,可调整年份、月份、选择日期等,用在网页上方便大家选择日期,提高用户体验。各大浏览器都能正常运行,有需要的小伙伴可以参考下。
    2015-04-04
  • JavaScript判断用户名和密码不能为空的实现代码

    JavaScript判断用户名和密码不能为空的实现代码

    下面小编就为大家带来一篇JavaScript判断用户名和密码不能为空的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-05-05
  • JS取数字小数点后两位或n位的简单方法

    JS取数字小数点后两位或n位的简单方法

    下面小编就为大家带来一篇JS取数字小数点后两位或n位的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 妙用Bootstrap的 popover插件实现校验表单提示功能

    妙用Bootstrap的 popover插件实现校验表单提示功能

    最近使用bootstrap开发项目比较多,在表单校验功能中用popover插件实现出错提示功能很方面,下面小编给大家带来了一篇关于Bootstrap的 popover插件实现校验表单提示功能的实现代码,非常不错,感兴趣的朋友一起看看吧
    2016-08-08
  • JS版网站风格切换实例代码

    JS版网站风格切换实例代码

    这个网站风格切换除了带记忆功能外,还可设定保持时间,比如5天-180天,过了时间就自动恢复到默认样式表。
    2008-10-10

最新评论