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 相关文章推荐
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
jQuery基础语法实例入门
Dec 23 Javascript
jQuery插件WebUploader实现文件上传
Nov 07 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
200行代码实现blockchain 区块链实例详解
Mar 14 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
Sep 16 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
vue使用echarts实现水平柱形图实例
Sep 09 Javascript
javascript实现电商放大镜效果
Nov 23 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 adodb操作mysql数据库
2009/03/19 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
PHP实现AES256加密算法实例
2014/09/22 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
基于JS脚本语言的基础语法详解
2017/07/22 Javascript
vue interceptor 使用教程实例详解
2018/09/13 Javascript
vue表单验证之禁止input输入框输入空格
2020/12/03 Vue.js
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
python中count函数简单的实例讲解
2020/02/06 Python
python数据爬下来保存的位置
2020/02/17 Python
Pycharm中安装wordcloud等库失败问题及终端通过pip安装的Python库如何添加到Pycharm解释器中(推荐)
2020/05/10 Python
python中format函数如何使用
2020/06/22 Python
Python如何读写CSV文件
2020/08/13 Python
django inspectdb 操作已有数据库数据的使用步骤
2021/02/07 Python
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
2010/04/01 HTML / CSS
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
澳大利亚头发和美容产品购物网站:OZ Hair & Beauty
2020/03/27 全球购物
一组SQL面试题
2016/02/15 面试题
司机的工作范围及职责
2013/11/13 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
商场促销活动总结
2014/07/10 职场文书
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL
实例详解Python的进程,线程和协程
2022/03/13 Python
Python基本知识点总结
2022/04/07 Python