×

JS随机生成5位数字,在页面上标签上显示出来

作者:yinqiong2024.08.06来源:Web前端之家浏览:567评论:0
关键词:Javascript

做一个小需求:JS随机生成5位数字,在页面上标签上显示出来。

这个很简单吧。我们一起直接看下源代码:

<script>  
    window.onload = function() {  
        var randomNumber = Math.floor(Math.random() * 90000) + 10000; // Generates a 5-digit number between 10000 and 99999.  
        document.getElementById("randomNumber").innerHTML = randomNumber;  
    }  
</script>  

<div>Random 5-digit Number: <span id="randomNumber"></span></div>

我们做下拓展:

我想在网页上显示多个不重复的随机两位数,应该如何实现?

如果想要在网页上显示多个不重复的随机两位数,可以使用一个数组来存储已生成的随机数,每次生成新的随机数时,先检查数组中是否已经存在该数,如果不存在,则将它添加到数组中并显示在网页上。代码示意如下:

// 定义存储随机数的数组
var randomNumList = [];

// 定义生成随机两位数且不重复的函数
function generateUniqueRandomNum() {
  var randomNum;
  do {
    randomNum = Math.floor(Math.random() * 90) + 10;
  } while (randomNumList.includes(randomNum)); // 检查数组中是否已存在该数
  randomNumList.push(randomNum); // 将随机数添加到数组中
  document.write("随机生成的两位数为:" + randomNum + "<br>");
}

// 生成5个不重复的随机两位数
for (var i = 0; i < 5; i++) {
  generateUniqueRandomNum();
}

以上代码会生成5个不重复的随机两位数,并在网页上显示出来。如果需要生成更多不重复的随机数,可以调整循环次数。

您的支持是我们创作的动力!
温馨提示:本文作者系yinqiong ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/jsxuexi21341sdf.html

网友评论文明上网理性发言 已有0人参与

发表评论: