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实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
原生javaScript做得动态表格(注释写的很清楚)
Dec 29 Javascript
减少访问DOM的次数提升javascript性能
Feb 24 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
Vue常用指令详解分析
Aug 19 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
Oct 19 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
Vue组件系列开发之模态框
Apr 18 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 Javascript
js面试题之异步问题的深入理解
Sep 20 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
2017/10/12 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
表单(FORM)的一些实用效果代码
2007/03/25 Javascript
js 浮动层菜单收藏
2009/01/16 Javascript
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
5款Javascript颜色选择器
2009/10/25 Javascript
jquery下组织javascript代码(js函数化)
2010/08/25 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
2016/09/16 Javascript
Node接收电子邮件的实例代码
2017/07/21 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
vue-cli3+typescript新建一个项目的思路分析
2019/08/06 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
Python操作sqlite3快速、安全插入数据(防注入)的实例
2014/04/26 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
python列表使用实现名字管理系统
2019/01/30 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
GAP美国官网:美国休闲时尚品牌
2016/08/26 全球购物
Python中如何定义一个函数
2016/09/06 面试题
资料员的岗位职责
2013/11/20 职场文书
致200米运动员广播稿
2014/02/06 职场文书
小学生秋游活动方案
2014/02/23 职场文书
商务助理求职信范文
2014/04/20 职场文书
2014年后勤工作总结
2014/11/18 职场文书
担保书范文
2015/01/20 职场文书
邀请函范文
2015/02/02 职场文书
旅游投诉信范文
2015/07/02 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis
Python函数中apply、map、applymap的区别
2021/11/27 Python