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 相关文章推荐
比较简单的一个符合web标准的JS调用flash方法
Nov 29 Javascript
JavaScript 学习笔记(五)
Dec 31 Javascript
JS模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
javascript不可用的问题探究
Oct 01 Javascript
js跳转页面方法实现汇总
Feb 11 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
详解vue配置后台接口方式
Mar 29 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 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之PHP语法学习笔记1
2006/12/17 PHP
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
关闭ie窗口清除Session的解决方法
2014/01/10 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
js实现两点之间画线的方法
2015/05/12 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
jQuery事件详解
2017/02/23 Javascript
详谈angularjs中路由页面强制更新的问题
2017/04/24 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
express.js中间件说明详解
2019/03/19 Javascript
详解JavaScript执行模型
2020/11/16 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
python实现视频读取和转化图片
2019/12/10 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
Python实现捕获异常发生的文件和具体行数
2020/04/25 Python
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
程序员机试试题汇总
2012/03/07 面试题
项目开发计划书
2014/01/09 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
安全标准化汇报材料
2014/02/03 职场文书
西式婚礼主持词
2014/03/13 职场文书
代收款委托书范本
2014/10/01 职场文书
2014年工程师工作总结
2014/11/25 职场文书
捐款仪式主持词
2015/07/04 职场文书
如何书写先进事迹材料?
2019/07/02 职场文书
创业计划书之都市休闲农庄
2019/12/28 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
详解Java实现设计模式之责任链模式
2021/06/23 Java/Android
JavaScript 反射学习技巧
2021/10/16 Javascript