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 location几个方法小姐
Jul 09 Javascript
CSS和Javascript简单复习资料
Jun 29 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
js 中{},[]中括号,大括号使用详解
May 12 Javascript
Google (Local) Search API的简单使用介绍
Nov 28 Javascript
js的alert样式如何更改如背景颜色
Jan 22 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
webpack@v4升级踩坑(小结)
Oct 08 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 Javascript
Element图表初始大小及窗口自适应实现
Jul 10 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
多重?l件?合查?(一)
2006/10/09 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
前端必学之PHP语法基础
2016/01/01 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
js树形控件脚本代码
2008/07/24 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
jquery移动节点实例
2015/01/14 Javascript
javascript实现链接单选效果的方法
2015/05/13 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
详解AngularJS之$window窗口对象
2018/01/17 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
微信小程序url传参写变量的方法
2018/08/09 Javascript
浅谈KOA2 Restful方式路由初探
2019/03/14 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[06:48]DOTA2-DPC中国联赛2月26日Recap集锦
2021/03/11 DOTA
深入浅析Python中的yield关键字
2018/01/24 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
深入了解NumPy 高级索引
2020/07/24 Python
python中re模块知识点总结
2021/01/17 Python
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
会计自我鉴定
2014/02/04 职场文书
2014年党务公开实施方案
2014/02/27 职场文书
快速学习Oracle触发器和游标
2021/06/30 Oracle
instantclient客户端 连接oracle数据库
2022/04/26 Oracle