
做一个小需求: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人参与
发表评论: