textarea中的随机数生成器[重复]答案

【问题标题】：Random number generator in textarea [duplicate]textarea中的随机数生成器[重复]
【发布时间】：2020-11-10 02:40:04
【问题描述】：

如何添加以下 JavaScript 代码（随机数生成器）？

function randomNumber(max) {
    return Math.floor(Math.random() * max + 1);
}

const list = []
while(list.length < 25) {
    let nbr = randomNumber(25)
    if(!list.find(el => el === nbr)) 
        list.push(nbr)
}

console.log("list",list)

进入这个文本区域并用 DOM 显示它们？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <textarea name="" id="" cols="30" rows="10"></textarea>
    <script src="app.js"></script>
</body>
</html>

【问题讨论】：

document.querySelector('textarea').textContent = list.join(', ');

标签： javascript html dom random

【解决方案1】：

// Using an id to get the element
const textarea = document.getElementById('area');

function randomNumber(max) {
    return Math.floor(Math.random() * max + 1);
}

const list = []
while(list.length < 25 ){
    let nbr = randomNumber(25)
    if(!list.find(el => el === nbr)) 
        list.push(nbr)
}

// Set the value to the list
textarea.value = list;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <textarea name="" id="area" cols="30" rows="10"></textarea>
    <script src="app.js"></script>
</body>
</html>

【讨论】：