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 相关文章推荐
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
常见的原始JS选择器使用方法总结
Apr 09 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
javascript获取重复次数最多的字符
Jul 08 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
javascript字符串函数汇总
Dec 06 Javascript
15位和18位身份证JS校验的简单实例
Jul 18 Javascript
微信小程序 Buffer缓冲区的详解
Jul 06 Javascript
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
vue中使用element ui的弹窗与echarts之间的问题详解
Oct 25 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和ACCESS写聊天室(一)
2006/10/09 PHP
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
Prototype Function对象 学习
2009/07/12 Javascript
深入了解JavaScript中的Symbol的使用方法
2015/07/28 Javascript
jquery跟随屏幕滚动效果的实现代码
2016/04/13 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
JavaScript学习笔记之DOM基础操作实例小结
2019/01/09 Javascript
详解vuex之store源码简单解析
2019/06/13 Javascript
微信小程序开发中var that =this的用法详解
2020/01/18 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中的作用域规则详解
2015/01/30 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
对python判断是否回文数的实例详解
2019/02/08 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
python批量修改交换机密码的示例
2020/09/22 Python
纯css3显示隐藏一个div特效的具体实现
2014/02/10 HTML / CSS
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
技术总监管理岗位职责
2014/03/09 职场文书
综合实践活动报告
2015/02/05 职场文书
银行招聘自荐信
2015/03/06 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
春晚观后感
2015/06/11 职场文书
地心历险记观后感
2015/06/15 职场文书
文化大革命观后感
2015/06/17 职场文书
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL