做一个小需求: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个不重复的随机两位数,并在网页上显示出来。如果需要生成更多不重复的随机数,可以调整循环次数。
网友评论文明上网理性发言 已有0人参与
发表评论: