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 事件执行检测代码
Dec 09 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
jQuery中对节点进行操作的相关介绍
Apr 16 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 Javascript
微信小程序实现带缩略图轮播效果
Nov 04 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
Feb 15 Javascript
uni-app微信小程序登录授权的实现
May 22 Javascript
微信小程序实现打卡签到页面
Sep 21 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
Yii使用ajax验证显示错误messagebox的解决方法
2014/12/03 PHP
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
Document 对象的常用方法
2009/07/31 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
对pandas处理json数据的方法详解
2019/02/08 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
django从后台返回html代码的实例
2020/03/11 Python
Python字符串函数strip()原理及用法详解
2020/07/23 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
css3动画效果抖动解决方法
2018/09/03 HTML / CSS
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
兰蔻法国官方网站:Lancôme法国
2020/02/22 全球购物
PHP解析URL是哪个函数?怎么用?
2013/05/09 面试题
Linux管理员面试题 Linux admin interview questions
2014/11/01 面试题
区域销售经理岗位职责
2013/12/10 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
大学同学会活动方案
2014/08/20 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
初中生300字旷课检讨书
2014/11/19 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
Vue router配置与使用分析讲解
2022/12/24 Vue.js