js原生简单生成卡密例子

最新推荐文章于 2025-03-19 10:01:56 发布

墨者羽晨

最新推荐文章于 2025-03-19 10:01:56 发布

阅读量6.6k

点赞数 2

分类专栏：前端实例

本文链接：https://blog.csdn.net/qq_51807875/article/details/121196538

版权

随机卡密 JavaScript 生成函数数组随机选择前端开发

关键词由CSDN通过智能技术生成

前端实例专栏收录该内容

15 篇文章

订阅专栏

一个非常非常简单的案例

例子可指定生成卡密数量和长度

先看生成卡密的函数

//生成卡密函数
    function randomWord(length) {
        var str = '',
            arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
                'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l',
                'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x',
                'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
                'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
                'W', 'X', 'Y', 'Z'
            ];
        //每位随机字符 
        for (let i = 0; i < length; i++) {
            pos = Math.round(Math.random() * (arr.length - 1));
            str += arr[pos];
        }
        return str;
    }

思路就是随机拿到arr数组中提前设定好的值组合输出

看完整实例

<body>
    <div>
        <input type="text" class="nmb" placeholder="输入卡密数量"><br><br>
        <input type="text" class="length" placeholder="输入卡密长度，例如16"><br><br>
        <button onclick="key()">生成</button>
    </div>
    <div class="key">
        <ul>

        </ul>
    </div>
    <script>
        //生成卡密函数
        function randomWord(length) {
            var str = '',
                arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
                    'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l',
                    'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x',
                    'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
                    'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
                ];
            //每位随机字符 
            for (let i = 0; i < length; i++) {
                pos = Math.round(Math.random() * (arr.length - 1));
                str += arr[pos];
            }
            return str;
        }
        //点击事件
        function key() {
            var nmb = document.querySelector('.nmb').value; //获取卡密数量
            var long = document.querySelector('.length').value; //获取卡密长度
            document.querySelector('.key ul').innerHTML = ''; //清空旧的卡密列表
            //循环输出卡密
            for (let i = 0; i < nmb; i++) {
                var key = randomWord(long);
                console.log(key.length);
                var li = document.createElement('li');
                li.innerHTML = key;
                document.querySelector('.key ul').appendChild(li);

            }
        }
    </script>
</body>

生成一下