使用js随机生成30个80至100之间的整数打印到页面上,并统计这30个随机数中重复的随机数, 把重复的数字和它的重复次数最终也打印到页面上
时间: 2024-06-05 16:06:55 浏览: 126
<!DOCTYPE html>
<html>
<head>
<title>随机数生成器</title>
</head>
<body>
<h1>随机数生成器</h1>
<p>生成的随机数:</p>
<ul id="randomList">
</ul>
<p>重复的数字及其重复次数:</p>
<ul id="duplicateList">
</ul>
<script>
// 生成随机数的函数
function generateRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// 生成并打印随机数
var randomNumberList = [];
var randomListElem = document.getElementById("randomList");
for (var i = 0; i < 30; i++) {
var randomNumber = generateRandomNumber(80, 100);
randomNumberList.push(randomNumber);
var li = document.createElement("li");
var text = document.createTextNode(randomNumber);
li.appendChild(text);
randomListElem.appendChild(li);
}
// 统计重复的数字及其重复次数
var duplicateListElem = document.getElementById("duplicateList");
var duplicateCount = {};
for (var i = 0; i < randomNumberList.length; i++) {
var number = randomNumberList[i];
if (number in duplicateCount) {
duplicateCount[number]++;
} else {
duplicateCount[number] = 1;
}
}
// 打印重复的数字及其重复次数
for (var number in duplicateCount) {
if (duplicateCount[number] > 1) {
var li = document.createElement("li");
var text = document.createTextNode(number + "(重复" + duplicateCount[number] + "次)");
li.appendChild(text);
duplicateListElem.appendChild(li);
}
}
</script>
</body>
</html>
阅读全文