JavaScript 实现web随机数排序、整除、重置

岁羽浴尘

已于 2022-12-03 15:42:20 修改

阅读量1.1k

点赞数 1

文章标签： javascript 前端代码规范 html5

于 2022-11-23 18:16:22 首次发布

本文链接：https://blog.csdn.net/weixin_64227570/article/details/128005150

版权

JavaScript 随机数生成整数排序数组操作整除检查

关键词由CSDN通过智能技术生成

要求：
1.单击“随机产生20个整数”，按钮时，能随机生成20个4为整数（100~9999）。并将产生的20个整数写进数组中，将其从小到大进行排序，输出在我的文本框中。
2.单击“找出能被5整除的整数”按钮时，从20个随机数中找出能被整除的整数，并在文本框中输出。
3.单击“重置”按钮时，将多行文本框中的所有的内容。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="JavaScript">
			var arr1=new Array(20);
			var i,j;
			function chansheng(){
				for(i=0;i<20;i++){
				   j = Math.floor(Math.random() * (9000) + 1000);
				   arr1[i]=j;
					}
					
				document.getElementById("text").innerHTML =("随机产生20个整数："+"\n"+arr1.join(",")+"\n");
				arr1.sort()
				document.getElementById("text").innerHTML +=("从小到大排序：" + "\n"+arr1.join(",")+"\n");
				}
				
			function zhengchu(){
				document.getElementById("text").innerHTML +=("能被五整除的数：" + "\n");
				for(i=0;i<20;i++){
					if(arr1[i]%5==0){
						document.getElementById("text").innerHTML +=(arr1[i]+",");}
				}  }
				
			function qingchu(){
		                document.getElementById("text").innerHTML = "";
				}
		</script>
	</head>
	<body>
		<textarea cols="80" rows="20" id="text" style="font-size: 20px"></textarea>
		<br>
		<input type="button" value="随机产生20个整数" onclick="chansheng()">
		<input type="button" value="找出能被5整除的整数" onclick="zhengchu()">
		<input type="button" value="重置" onclick="qingchu()">
	</body>
</html>

效果：
在这里插入图片描述
小到大排序用sort()

岁羽浴尘

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 实现web随机数排序、整除、重置

要求：1.单击“随机产生20个整数”，按钮时，能随机生成20个4为整数（100~9999）。并将产生的20个整数写进数组中，将其从小到大进行排序，输出在我的文本框中。2.单击“找出能被5整除的整数”按钮时，从20个随机数中找出能被整除的整数，并在文本框中输出。3.单击“重置”按钮时，将多行文本框中的所有的内容。效果：小到大排序用sort()
复制链接

扫一扫