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 相关文章推荐
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
移动端基础事件总结与应用
Jan 12 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 Javascript
JavaScript闭包_动力节点Java学院整理
Jun 27 Javascript
webpack配置导致字体图标无法显示的解决方法
Mar 06 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
开发一个封装iframe的vue组件
Mar 29 Vue.js
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
简单的cookie计数器实现源码
2013/06/07 PHP
解析php取整的几种方式
2013/06/25 PHP
ThinkPHP实现批量删除数据的代码实例
2014/07/02 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
是 WordPress 让 PHP 更流行了 而不是框架
2016/02/03 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
php源码的使用方法讲解
2019/09/26 PHP
Javascript 构造函数,公有,私有特权和静态成员定义方法
2009/11/30 Javascript
JQuery Study Notes 学习笔记(一)
2010/08/04 Javascript
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
jQuery中triggerHandler()方法用法实例
2015/01/19 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
2019/09/27 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
python如何爬取个性签名
2018/06/19 Python
python 录制系统声音的示例
2020/12/21 Python
销售代表求职自荐信
2013/10/01 职场文书
婚庆公司的创业计划书
2014/01/22 职场文书
班长演讲稿范文
2014/04/24 职场文书
社区健康教育工作方案
2014/06/03 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
小王子读书笔记
2015/06/29 职场文书
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers