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 相关文章推荐
Javascript模板技术
Apr 27 Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
javascript学习笔记(八) js内置对象
Jun 19 Javascript
让table变成exls的示例代码
Mar 24 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
Apr 18 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
jQuery实用密码强度检测
Mar 02 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
结合axios对项目中的api请求进行封装操作
Sep 21 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 Javascript
JavaScript动态生成表格的示例
Nov 02 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实现原比例生成缩略图的方法
2016/02/03 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
常用js脚本
2006/12/03 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
浏览器窗口加载和大小改变事件示例
2014/02/27 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
Canvas 制作动态进度加载水球详解及实例代码
2016/12/09 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
微信小程序实现倒计时补零功能
2018/07/09 Javascript
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
一篇不错的Python入门教程
2007/02/08 Python
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
python实现清屏的方法
2015/04/30 Python
python动态网页批量爬取
2016/02/14 Python
Python编程之序列操作实例详解
2017/07/22 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
Python 编程速成(推荐)
2019/04/15 Python
Python:slice与indices的用法
2019/11/25 Python
appium+python adb常用命令分享
2020/03/06 Python
Python 远程开关机的方法
2020/11/18 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
详解HTML5将footer置于页面最底部的方法(CSS+JS)
2018/10/11 HTML / CSS
俄罗斯设计师家具购物网站:The Furnish
2019/12/01 全球购物
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
业务部经理岗位职责
2014/01/04 职场文书
幼儿园开学寄语
2014/04/03 职场文书
授权委托书格式模板
2014/04/03 职场文书
毕业实习自我鉴定范文2014
2014/09/26 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL