JS实现网页端猜数字小游戏


Posted in Javascript onMarch 06, 2020

本文实例为大家分享了JS实现网页端猜数字游戏的具体代码,供大家参考,具体内容如下

题目描述

电脑产生一个0到100之间的随机数字,并且要求用户来猜,如果用户猜的数字比这个数字大,电脑会提示“太大”,否则会提示“太小”,当用户正好猜中,电脑会提示“恭喜你猜对了,这个数是…”。在用户每次猜测之后,程序会输出用户第几次猜测。如果用户输入的根本不是一个数字,程序会告诉用户输入无效

代码实现

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>猜数字小游戏</title>
    <script type="text/javascript">
    var Random = Math.floor(Math.random()*101)
    alert("猜测一个0到100之间的整数")
    for (var i = 1; ; i++ ) {
      var val = prompt("第"+i+"次猜,请输入一个整形数字")
      if (isNaN(val) || val > 100 || val < 0) {
        alert("输入无效,请输入一个0到100之间的整数。")
      } else {
        if (val < Random) {
          alert("太小了,请再猜一次。")
        } else if (val > Random) {
          alert("太大了,请再猜一次。")
        } else if (val == Random) {
          alert("恭喜你猜对了,这个数是"+val)
          break
        }
      }
    }
    </script>
  </head>
  <body>

  </body>
</html>

这种小玩意不需要css渲染,把js在html里直接写就比较方便了,思路也没有什么可以说的,直接看效果吧。

JS实现网页端猜数字小游戏

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 Javascript
JavaScript 学习初步 入门教程
Mar 25 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 Javascript
浅谈layui 数据表格前后台传值的问题
Sep 12 Javascript
vue内置组件component--通过is属性动态渲染组件操作
Jul 28 Javascript
extjs4图表绘制之折线图实现方法分析
Mar 06 #Javascript
JavaScript canvas基于数组生成柱状图代码实例
Mar 06 #Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 #Javascript
Vue Router 实现动态路由和常见问题及解决方法
Mar 06 #Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 #Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 06 #Javascript
javascript中可能用得到的全部的排序算法
Mar 05 #Javascript
You might like
PHP版自动生成文章摘要
2008/07/23 PHP
linux命令之调试工具strace的深入分析
2013/06/03 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
Django中通过定时任务触发页面静态化的处理方式
2018/08/29 PHP
jQuery 名称冲突的解决方法
2011/04/08 Javascript
javascript实现根据身份证号读取相关信息
2014/12/17 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
jQuery检测鼠标左键和右键点击的方法
2015/03/17 Javascript
JavaScript匿名函数之模仿块级作用域
2015/12/12 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
2020/03/07 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
实例讲解Python设计模式编程之工厂方法模式的使用
2016/03/02 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
python自动化发送邮件实例讲解
2021/01/04 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
Hotter Shoes英国官网:英伦风格,舒适的鞋子
2017/12/28 全球购物
入党转预备思想汇报
2014/01/07 职场文书
十佳大学生村官事迹
2014/01/09 职场文书
幼儿园家长会欢迎词
2014/01/09 职场文书
请假条的格式
2014/04/11 职场文书
电子工程求职信
2014/07/17 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
高中生逃课检讨书
2014/10/10 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
营销计划书范文
2015/01/17 职场文书
食品安全主题班会
2015/08/13 职场文书
如何制定一份可行的计划!
2019/06/21 职场文书
Java的Object类的九种方法
2022/04/13 Java/Android