时间戳

首页 > 解决方案 > textarea中的随机数生成器

javascript - textarea中的随机数生成器

问题描述

如何添加以下 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>

标签： javascripthtmldomrandom

解决方案

// 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>

推荐阅读