html不重复随机数
时间: 2023-11-08 09:04:36 浏览: 48
可以使用JavaScript来生成不重复的随机数。以下是一种方法:
1. 创建一个数组,用于存储已生成的随机数。
2. 使用一个循环来生成随机数,并检查该数是否已存在于数组中。
3. 如果随机数不存在于数组中,则将其添加到数组中,并在HTML中使用。
以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>不重复随机数示例</title>
<script>
function generateRandomNumber() {
var randomNumber;
var generatedNumbers = [];
while (true) {
randomNumber = Math.floor(Math.random() * 100) + 1;
if (!generatedNumbers.includes(randomNumber)) {
generatedNumbers.push(randomNumber);
break;
}
}
document.getElementById('randomNumber').innerHTML = randomNumber;
}
</script>
</head>
<body>
<h1>不重复随机数示例</h1>
<button onclick="generateRandomNumber()">生成随机数</button>
<p id="randomNumber"></p>
</body>
</html>
```