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 返回时间戳所对应的具体时间
Jul 20 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
jquery封装的对话框简单实现
Jul 21 Javascript
JavaScript实现的图像模糊算法代码分享
Apr 22 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
异步JS框架的作用以及实现方法
Oct 29 Javascript
js性能优化技巧
Nov 29 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
如何在CocosCreator里画个炫酷的雷达图
Apr 16 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
javascript,php获取函数参数对象的代码
2011/02/03 PHP
PHP5常用函数列表(分享)
2013/06/07 PHP
php自动加载机制的深入分析
2013/06/08 PHP
PHP实现获取客户端IP并获取IP信息
2015/03/17 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
javascript控制swfObject应用介绍
2012/11/29 Javascript
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
javascript常用的方法分享
2015/07/01 Javascript
Bootstrap Chart组件使用教程
2016/04/28 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
WebPack基础知识详解
2017/01/16 Javascript
关于使用js算总价的问题
2017/06/23 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
Python的装饰器用法学习笔记
2016/06/24 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
python绘制雷达图实例讲解
2021/01/03 Python
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
11月红领巾广播稿
2014/01/17 职场文书
单位提档介绍信
2014/01/17 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
委托公证书样本
2015/01/23 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
2015暑假实习报告范文
2015/07/13 职场文书
小学作文之描写天气
2019/08/15 职场文书