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框架veryide.librar源代码
Mar 05 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
JavaScript极简入门教程(三):数组
Oct 25 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 Javascript
详解JavaScript中getFullYear()方法的使用
Jun 10 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
Feb 22 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
Apr 08 Javascript
微信小程序Echarts覆盖正常组件问题解决
Jul 13 Javascript
JS数组方法push()、pop()用法实例分析
Jan 18 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
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
php自定义函数截取汉字长度
2014/05/15 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
2016/05/31 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
js图片查看器插件用法示例
2019/06/22 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
使用Python判断IP地址合法性的方法实例
2014/03/13 Python
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
基于DataFrame改变列类型的方法
2018/07/25 Python
python list转矩阵的实例讲解
2018/08/04 Python
Python实现元素等待代码实例
2019/11/11 Python
Python打印不合法的文件名
2020/07/31 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
2014/05/07 HTML / CSS
纯css3实现效果超级炫的checkbox复选框和radio单选框
2014/09/01 HTML / CSS
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
初中国旗下的演讲稿
2014/08/28 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
技术员岗位职责
2015/02/04 职场文书
党校个人总结
2015/03/04 职场文书
2015年学生会纪检部工作总结
2015/03/31 职场文书
焦点访谈观后感
2015/06/11 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
详解MongoDB的条件查询和排序
2021/06/23 MongoDB
MySQL详细讲解变量variables的用法
2022/06/21 MySQL
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS