JavaScript实现猜数字游戏

 更新时间:2020年05月20日 17:23:02   作者:执念斩长河  
这篇文章主要为大家详细介绍了JavaScript实现猜数字游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本博文源于js基础,旨在讨论如何实现猜随机数的小游戏。

题目重现

随机生成一个[0,100]区间的数字,不断重复用户输入,直到用户输入对为止。

实现原理

先用Math.random生成一个数字,欲得到[a,b]区间的随机整数,可采用以下公式:

parseInt(Math.random()*(b-a+1))+a;

举个例子:得到[3,8]

parseInt(Math.random()*6)+3;

然后循环里,多分支if判断一下,给用户提示一下

测试用例

玩的时候用二分法玩,二分法就是一次砍一半,比如先上来猜50,然后根据反映,太大那就25,太小那就75.以此类推

附上代码

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title></title>
 <script>
 var n = parseInt(Math.random()*101)+0;
 while(true) {
 var a = Number(prompt("请输入数字"));
 if(a>n){
  alert("你输入数字太大");
 }else if(a<n) {
  alert("你输入的数字太小");
 }else {
  alert("是的,就是这个数字");
  break;
 }
 
 }
 </script>
 </head>
 <body>
 </body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • js注意img图片的onerror事件的分析

    js注意img图片的onerror事件的分析

    打开网页时提示 Stack overflow at line: 0。img图片的onerror事件需要注意的细节。
    2011-01-01
  • 小程序自定义组件全局样式不生效的解决方法

    小程序自定义组件全局样式不生效的解决方法

    在使用原生框架开发小程序时遇到一个问题,在 app.wxss 中定义的全局样式在自定义组件中不生效,本文就详细的介绍一下,感兴趣的可以了解一下
    2021-08-08
  • Pyqt5实现多线程程序的使用示例

    Pyqt5实现多线程程序的使用示例

    Pyqt常常使用主从架构(Master-Workers 架构)来避免界面卡死的情况,本文主要介绍了Pyqt5实现多线程程序的使用示例,感兴趣的可以了解一下
    2023-11-11
  • Javascript中prototype与__proto__的关系详解

    Javascript中prototype与__proto__的关系详解

    这篇文章主要给大家介绍了关于Javascript中prototype与__proto__的关系的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • 取得一定长度的内容,处理中文

    取得一定长度的内容,处理中文

    取得一定长度的内容,处理中文...
    2006-12-12
  • webpack 开发和生产并行设置的方法

    webpack 开发和生产并行设置的方法

    这篇文章主要介绍了webpack 开发和生产并行设置的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 使用Mock.js生成前端测试数据

    使用Mock.js生成前端测试数据

    这篇文章主要介绍了使用Mock.js生成前端测试数据,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • Javascript中内建函数reduce的应用详解

    Javascript中内建函数reduce的应用详解

    内建函数其实就是内置函数,reduce函数是ECMAScript5规范中出现的数组方法。在平时的工作中,相信大家使用的场景并不多,这篇文章给大家详细介绍了函数reduce的应用以及多重叠加,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-10-10
  • JS鼠标3次点击事件实现代码及扩展思路

    JS鼠标3次点击事件实现代码及扩展思路

    这篇文章主要介绍了JS鼠标3次点击事件实现及扩展思路,需要的朋友可以参考下
    2017-09-09
  • Bootstrap table 服务器端分页功能实现方法示例

    Bootstrap table 服务器端分页功能实现方法示例

    这篇文章主要介绍了Bootstrap table 服务器端分页功能实现方法,结合实例形式详细分析了Bootstrap table 服务器端后台交互与分页功能相关操作技巧,需要的朋友可以参考下
    2020-06-06

最新评论