js求20--100之间10个不重复的随机数

最新推荐文章于 2023-05-10 09:19:38 发布

原创最新推荐文章于 2023-05-10 09:19:38 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的算法，该算法能够在20到100之间生成10个不重复的随机数，并通过HTML页面进行展示。此算法适用于前端开发中需要随机数生成的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

求20–100之间10个不重复的随机数

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- 求20--100之间10个不重复的随机数 -->
    <!-- x-y之间的随机数Math.random()*(y-x)+x -->
    <p>求20--100之间10个不重复的随机数</p>
    <button>获取</button>

    <h2></h2>
    <script>
        // 20-100之间的随机数：Math.radom()*(80)+20
        var btn = document.querySelector("button");
        var h = document.querySelector("h2");
        btn.onclick = function () {
            var cun = [];
            var cha = [];
            for (i = 0, n = 0; n < 10; i++) {
                var suiji = parseInt(Math.random() * (80) + 20);//随机数一次只能产生一个
                if (cun.indexOf(suiji) == -1) {//注意这里不能写suiji[i],随机数一次只有一个
                    cun += suiji + "  ";
                    n++;
                    // console.log(cun);
                    // console.log(suiji);
                }
            }
            h.innerHTML = cun;
        }
    </script>
</body>

</html>