javascript随机猜数字，每次结果不一样

已于 2022-09-01 22:27:06 修改
阅读量960 收藏 10
点赞数 12
分类专栏： js学习 文章标签： javascript 前端 开发语言 html java
于 2022-08-18 19:21:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tea_tea_/article/details/126412014
版权

🤞 点击可跳转个人主页

🐱‍🏍发现的一个宝藏网站

😁💋给兄弟们安利一个最近发现的很好刷题学习网站，上面包含了很多东西，有面试相关的题目，各厂的大题，还有学习的知识点，甚至还有专项练习 ,是一个很值得我们去练习刷题的好网站点击我就可以到哦

 

 需求 :  我们定义一串代码来实现每次打开页面让我们猜数字，猜的大了提示大了，反之亦然，猜对了刷新后再猜数字改变

目录

第一步：框架

第二步：弹出输入框

第三步：我们要每次的数字不一样首先要有一个数，并且会变化，所以这里就要用到了math。random() 随机数

第四步：取整

第五步：添加判断

第六步：判断条件

 第七步：既然大于小于都有了，那是不是要有等于的情况，即猜对了的情况

第八步：不是数字的情况

最后：函数封装

第一步：框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		
		</script>
	</body>
</html>

第二步：弹出输入框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>

				var a = prompt('请输入猜的数字') * 1

		</script>
	</body>
</html>

记得做一个隐式转换哦

第三步：我们要每次的数字不一样首先要有一个数，并且会变化，所以这里就要用到了math。random() 随机数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function get() {
				var num = Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				
		</script>
	</body>
</html>

这里的话我们×10 +1的意思是这个随机数的范围就是1到11，但不包括11哦，即数学里的左闭右开，这里我们先打印一下num看一下是什么效果

 

 大家会发现为什么这么多小数，这是因为random是浮点型的，所以我们要添加一个取整，并且是向下取整

第四步：取整

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1				
		</script>
	</body>
</html>

第五步：添加判断

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while () {
				
			}
		
		</script>
	</body>
</html>

 这里我们用while循环来写，这里的条件是啥呢？？？如果说我们定义让输入的数不等于随机生成的就做出相应的提示，这样是不是就完成了一半

第六步：判断条件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while (num != a) {
					
				}
				
			}
		
		</script>
	</body>
</html>

 这里的话我们判断如果猜小了就提示，并让我们重新输

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while (num != a) {
					if (a < num) {
						alert('猜的小了')
						a = +prompt('请重新输入猜的数字')
					}
				}
		
		</script>
	</body>
</html>

接下来是大了的情况

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function get() {
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while (num != a) {
					if (a < num) {
						alert('猜的小了')
						a = +prompt('请重新输入猜的数字')
					} else {
						alert('猜的大了')
						a = +prompt('请重新输入猜的数字')
					}
				}
			
			
		
		</script>
	</body>
</html>

 第七步：既然大于小于都有了，那是不是要有等于的情况，即猜对了的情况

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function get() {
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while (num != a) {
					if (a < num) {
						alert('猜的小了')
						a = +prompt('请重新输入猜的数字')
					} else if(a > num){
						alert('猜的大了')
						a = +prompt('请重新输入猜的数字')
					}
					
				}				
			}
			get()
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function get() {
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while (num != a) {
					if (a < num) {
						alert('猜的小了')
						a = +prompt('请重新输入猜的数字')
					} else if(a > num){
						alert('猜的大了')
						a = +prompt('请重新输入猜的数字')
					}					if(a == num){
						alert('猜对了')
						// break;
					}
				}				
			}
			get()
		</script>
	</body>
</html>

第八步：不是数字的情况

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>

				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while (num != a) {
					if (a < num) {
						alert('猜的小了')
						a = +prompt('请重新输入猜的数字')
					} else if(a > num){
						alert('猜的大了')
						a = +prompt('请重新输入猜的数字')
					}else{
						alert('请输入数字')
						a = +prompt('请重新输入猜的数字')
					}
					
					if(a == num){
						alert('猜对了')
						// break;
					}
				}				
			}
		
		</script>
	</body>
</html>

最后：函数封装

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function get() {
				var num = parseInt(Math.random() * 10 + 1)
				var a = prompt('请输入猜的数字') * 1
				while (num != a) {
					if (a < num) {
						alert('猜的小了')
						a = +prompt('请重新输入猜的数字')
					} else if(a > num){
						alert('猜的大了')
						a = +prompt('请重新输入猜的数字')
					}else{
						alert('请输入数字')
						a = +prompt('请重新输入猜的数字')
					}
					
					if(a == num){
						alert('猜对了')
						// break;
					}
				}				
			}
			get()
		</script>
	</body>
</html>

Tea-pd
关注
专栏目录
GEE：如何解决随机森林分类器的确定性伪随机性？使得每次运行结果（OA、Kappa和混淆矩阵等）不一样
养乐多的博客
12-21 2003
CSDN@_养乐多_本文将介绍如何在GEE中增加随机森林分类器的变异性，使得每次运行的结果都不同，从而更好地理解和优化土地利用分类的结果。
JS入门练习-九九乘法表（每次刷新时单元格随机变色）
qq_53280201的博客
01-08 1888
效果图↑ 首先，在script中建立输出一个table <script> document.write(`<table width="800px" height="500px" style="border:1px solid">`) //同时设置好table的宽高，设置一个边框，方便查看效果 document.write(`</table>`) </script> ..
matlab 按照概率生成数字_matlab生成的随机数是真正随机的吗？
weixin_39888080的博客
12-19 882
. `9 Y) n7 _7 N5 G1 K( Q随机数序列在数值分析和概率统计中占有非常重要的地位，因为使用蒙特卡罗模拟方法的前提就是要求很多足够多的，真正的随机数。matlab是基于某种算法，通过rand函数来产生随机数的。从随机数的定义看，rand函数产生的序列不是随机数，是伪随机数。但我们在使用蒙特卡罗模拟方法算法时，不可能成千上万次的去投掷硬币来产生随机数，所以要考察matlab产生的伪随...
thymeleaf随机数_JavaScript 产生不重复的随机数三种实现思路
weixin_39618121的博客
12-20 379
在 JavaScript 中，一般产生的随机数会重复，但是有时我们需要不重复的随机数，如何实现?本文给于解决方法，需要的朋友可以参考下在 JavaScript 中，一般产生的随机数会重复，但是有时我们需要不重复的随机数，如何实现？下面就来讲解三种方法产生不重复的随机数，并进行比较，看那种方法效率高。方法一思路：首先创建一个1到3000的数组，每次取一个数，然后去除数组中取出的这个数， 这样就可以实...
JS——每次调用从数组里面随机取一个数，且不能与上一次为同一个
月来better
07-01 1170
JS——每次调用从数组里面随机取一个数，且不能与上一次为同一个
让random在极短时间内产生的随机数不相同
atlasroben的专栏
07-29 1936
 由于Random r = new Random(); 的种子没有指定,生成的时间间隔太短导致生成结果一样; 及时指定为Random rd = new Random(DateTime.Now.Millisecond)在运行速度快没有费时操作的情况下仍然得倒相同结果.今天偶然想起用Random rd = new Random(Guid.NewGuid().GetHashCode())来解
获取随机数并且每次和上一次的不相同
我不是安徒生的博客
12-17 2775
获取到随机数，并且每次获取的随机数和上一次获取的不相同<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button class="btn">点击</button> </body> <script src="jquery-1.11.3.
惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样
10-30
惊云JS随机排序程序是一种JavaScript实现的代码，用于在网页上动态随机展示信息，比如新闻标题。这个程序的核心是让信息每次显示时的顺序都不同，以增加网页的动态性和用户体验。下面我们将深入探讨该程序的工作原理...
js-procedural-generation:产生每次都相同的“随机” 3位数字
05-25
然而，为了得到每次运行都一样的结果，我们需要控制random()方法的种子。JavaScript本身并不直接支持设置随机数生成器的种子，但我们可以通过创建自定义的随机数生成器来实现这一目标。 以下是一个简单的例子，展示...
js从1-100之间随机取10个不重复的数
coderwwh的博客
07-16 5154
注意点： 1.每次push之前要判断是否存在 2.注意随机数的生成方法 方法一 let randoms = []; //随机产生mix-max之间的一个数（避免首末概率不均，采用max+1，向下取整） function randomInteger(min, max) { let rand = min + Math.random() * (max + 1 - min); return Math.floor(rand); } while (true) { //定义一个变量保存是否存在
如何每次随机出不同的数-Math.random()
小晶的博客
05-01 2928
随机数用起来确实很好，但是若你想随机出的数均不同于之前的，那就有些麻烦。。。需要判断当前的随机数是否与之前的相同，这是一个很简单的方法，但是他并不适合于程序媛！我们要更高大上！ 假如，我们要随机出五个不同的数（范围是0~19），将五个随机数存在长度为5的数组ran[]中。 基本思想 我们借助一个长度为20的数组 temp[20] , 初始化为temp[0]=0 , temp[1]=1…temp[1...
js伪随机数，每次运行都产生相同的随机数
Anyuegogogo的博客
02-28 1257
每次运行的时候，都产生相同的随机数。 // 生成固定的随机数据 Math.seed = 5; Math.seededRandom = function(max, min) { max = max || 1; min = min || 0; Math.seed = (Math.seed * 9301 + 49297) % 233280; var rnd = Math.seed / 233280.0; return min + rnd * (max - .
每次产生不一样的随机数方法
热门推荐
isolationboy的博客
04-19 1万+
有的是后我们需要计算机产生一些随机的数字，但是当我们运行的时候会发现他每次产生的随机数可能会是一样的，这是因为计算机产生的是伪随机数。计算机的运行过程是一个确定的过程，每一条指令都是确定，因此从根本上来讲，计算机产生不了真正意义上的随机数。举个简单的例子，当我们要产生十个随机的数，计算机可以循环快速的给出0、1、2、3、4、5、6、7、8、9、0、1……这样的一个数列，这个数列并不是随机的，而是有...
产生不重复随机数的方法
飞花舞者的博客
03-05 1995
今天在直播中看到一种获取不重复随机数的方法，个人觉得很不错，特意在此粘出来以供大家欣赏~ package test_pkg; import java.util.Arrays; import java.util.Random; public class Test { public static void main(String[] args){ String[] redBalls={"01","02","03","04","05","06","07","08","09","10"}; //
js 生成指定范围内不重复的随机数（前端蓝桥杯模拟题）
qq_55665718的博客
03-16 3395
题目要求： 封装函数，函数名 getRandomNum(min,max,countNum) 生成 min~max 范围的 countNum 个不重复的随机数，存入数组并返回。 下面是给定的index.html 文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="./js/i
js如何实现随机数切换
最新发布
itclanCoder
01-16 546
前言在一些电商网站,或一些活动页上,看到一些特效,比如:抽奖时,点击图片,实现图片的随机切换,数字的随机切换等,为了吸引用户的注意力,增加网页的互动性,这个效果是怎么实现的呢01具体示例https://coder.itclan.cn/fontend/js/14-click-num-suiji/点击文末左下角阅读原文,即可查看02随机切换图片代码<!DOCTYPE html> <h...
随机数生成算法，每一次生成都不一样
沉默的专栏
02-25 4910
项目中要用到一个随机数生成算法，但是每一次生成间隔时间很短，还要保证每一次生成的随机数都不相同，于是就想到了利用当前时间的毫秒作为随机数种子来生成。 #include #include // for gettimeofday() #include // for random() using namespace std; unsigned int getRandomNum(); int
js获取随机不重复数（高性能）
UFO
06-06 2510
//重新排列数字行 var count = 10; var original = new Array; //原始数组  //给原始数组original赋值  for (var i = 0; i     original[i] = i; } original.sort(function () { return 0.5 - Math.random(); });//这句是关键 for
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值