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>

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

时间: 2020-05-19

JSP实现百万富翁猜数字游戏

本文实例为大家分享了JSP实现百万富翁猜数字游戏的具体代码,供大家参考,具体内容如下 设计一个web app,每次产生一个30以内的数字,给5次机会让客户猜测这个数字: 1)如果客户猜的数字比产生的数字值大,则提示"大了". 2)如果客户猜的数字比产生的数字值小,则提示"小点" 猜对了就过关,猜错Game Over,给玩家重玩的机会. JSP代码: <%@ page language="java" contentType="tex

用JavaScript实现 铁甲无敌奖门人 “开口中”猜数游戏

在线演示demo本人平时就喜欢拿它来写点实用工具或应用,本文演示用JavaScript实现的<铁甲无敌奖门人>"开口中"猜数游戏,以后我还会陆续上传自己写的小东西,都是些工作之余的小作. <铁甲无敌奖门人>是TVB综艺节目,香港艺人曾志伟就是其中重要的主持人,节目中有众多好玩又刺激的游戏,其中有一个叫"开口中"的猜数游戏正是本文要实现的功能.游戏规则大致是:首先电脑在1到100内选一个数字作为最终答案(这个答案嘉宾一开始是不知道的),然后嘉宾

javascript实现的猜数小游戏完整实例代码

本文实例讲述了javascript实现的猜数小游戏.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

jsp+servlet实现猜数字游戏

jsp+servlet实现猜数字游戏主要用到了servlet方面的session,HttpServletResponse类中的sendRedirect()方法. step1,客户访问或刷新getNumber.jsp页面时,随机给用户分配一个1-100之间的数字,将该数字存放到客户的session中. <%@ page language="java" import="java.util.*" contentType="text/html;charset

js实现一个猜数字游戏

看你需要猜几次才能猜到那个正确的数字! 效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>猜数字游戏</title> <script type="text/javascript" cha

js猜数字小游戏的简单实现代码

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

JS实现网页端猜数字小游戏

本文实例为大家分享了JS实现网页端猜数字游戏的具体代码,供大家参考,具体内容如下 题目描述 电脑产生一个0到100之间的随机数字,并且要求用户来猜,如果用户猜的数字比这个数字大,电脑会提示"太大",否则会提示"太小",当用户正好猜中,电脑会提示"恭喜你猜对了,这个数是-".在用户每次猜测之后,程序会输出用户第几次猜测.如果用户输入的根本不是一个数字,程序会告诉用户输入无效 代码实现 <!DOCTYPE html> <html&g

angularjs实现猜数字大小功能

本文实例为大家分享了angularjs实现猜数字大小功能的具体代码,供大家参考,具体内容如下 <body ng-app="myapp" ng-controller="myCtrl"> <h2>猜一猜,多大值?(1-1000)</h2> 我猜是:<input type="text" ng-model="guess"> <button ng-click="check(

AngularJS实现的生成随机数与猜数字大小功能示例

本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net Angular猜数</title> <style> *{ margin: 0; padding: 0; font-siz

C语言实现猜数字大小的游戏

本文实例为大家分享了C语言实现猜数字大小的具体代码,供大家参考,具体内容如下 void menu() void menu() { printf("******** 猜数字游戏 ********\n"); printf("*********** 1.开始 *************\n"); printf("*********** 0.退出 *************\n"); } 简单的一个菜单用于显示. void game() void gam

Java如何获取一个随机数 Java猜数字小游戏

本文实例为大家分享了Java获取一个随机数(及猜数字小游戏)的具体代码,供大家参考,具体内容如下 Math类概述: 该类Math包含用于执行基本数值运算的方法,例如基本指数,对数,平方根和三角函数. Math所有类都是静态的.可以直接类名.调用. 获取随机数的办法: 代码如下 public class SuiJi { public static void main(String[] args) { double d = Math.random(); System.out.println(d);

Linux Shell 生成随机数和随机字符串的方法示例

日常生活中,会经常用到随机数,使用场景非常广泛,例如买彩票.丢骰子.抽签.年会抽奖等. Shell 下如何生成随机数呢,米扑博客特意写了本文,总结 Linux Shell 产生随机数的多种方法. 计算机产生的的只是"伪随机数",不会产生绝对的随机数(是一种理想随机数).实际上,伪随机数和理想随机数也是相对的概念,例如伪随机数在1万万亿亿亿年内也无法重复,算是理想随机数么? 伪随机数在大量重现时也并不一定保持唯一,但一个好的伪随机产生算法将可以产生一个非常长的不重复的序列,例如 UUID

AngularJS实现的根据数量与单价计算总价功能示例

本文实例讲述了AngularJS实现的根据数量与单价计算总价功能.分享给大家供大家参考,具体如下: 先看一下效果: 代码如下: <!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>www.jb51.net angular计算总价</title> <link rel="styles

C#基于QRCode实现动态生成自定义二维码图片功能示例

本文实例讲述了C#基于QRCode实现动态生成自定义二维码图片功能.分享给大家供大家参考,具体如下: 二维码早就传遍大江南北了,总以为它是个神奇的东西,其实细细研究之后发现也没想象的那么神秘,碰巧最近项目中需要动态生成二维码,解决完实际问题之后,简单总结整理一下.项目中除了动态生成二维码之外,还实现了动态生成自定义图片,二维码可以是其中的元素. 设置图片的数据源为动态图片 <body> <form id="form1" runat="server"

AngularJS实现的select二级联动下拉菜单功能示例

本文实例讲述了AngularJS实现的select二级联动下拉菜单功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html ng-app> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <script src="../script/angular.js"

javascript使用递归算法求两个数字组合功能示例

本文实例讲述了javascript使用递归算法求两个数字组合功能.分享给大家供大家参考,具体如下: // 12 ,3,4 两个数字组合 最后结果 应该是 // 13 // 14 // 23 // 24 // 34 // 这5种 用程序 怎么算出来 // 是求组合的算法 // var arr = [12, 3, 4]; // var len = arr.length; // var result = []; // for (var i = 0; i < len; i++) { // for (va

PHP简单实现数字分页功能示例

本文实例讲述了PHP简单实现数字分页功能.分享给大家供大家参考,具体如下: <?php header ( 'Content-Type: text/html; charset=utf-8' ); //分页 $page=$_GET['page']; $allcount= 100; $page_size =10; $page_show =5; $page_count = ceil($allcount/$page_size); if($page <= 1 || $page == '') $page =