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 相关文章推荐
JQUERY CHECKBOX全选,取消全选,反选方法三
Aug 30 Javascript
JS去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
jQuery实现隔行背景色变色
Nov 24 Javascript
Flow之一个新的Javascript静态类型检查器
Dec 21 Javascript
浅谈JS中逗号运算符的用法
Jun 12 Javascript
原生js编写基于面向对象的分页组件
Dec 05 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 Javascript
BootStrap table实现表格行拖拽效果
Dec 01 Javascript
vue + element-ui的分页问题实现
Dec 17 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访问查询mysql数据的三种方法
2006/10/09 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
解析javascript瀑布流原理实现图片滚动加载
2016/03/10 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
javascript的BOM
2016/05/03 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
AngularJs 动态加载模块和依赖
2016/09/15 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
详解如何快速配置webpack多入口脚手架
2018/12/28 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
JavaScript实现拖动对话框效果的实现代码
2020/10/12 Javascript
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能
2019/07/09 HTML / CSS
网站域名和主机:Domain.com
2019/04/01 全球购物
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
ManoMano英国:欧洲第一家专注于DIY和园艺市场的电商平台
2020/03/12 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
司马光教学反思
2014/02/01 职场文书
房产买卖委托公证书
2014/04/04 职场文书
创先争优活动心得体会
2014/09/04 职场文书
交通事故委托书范本精选
2014/10/04 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
师德标兵事迹材料
2014/12/19 职场文书
MySQL窗口函数的具体使用
2021/11/17 MySQL