js原生简单生成卡密例子

最新推荐文章于 2023-11-27 09:48:39 发布

墨者羽晨

最新推荐文章于 2023-11-27 09:48:39 发布

阅读量6.2k

点赞数 2

分类专栏：前端实例文章标签： javascript 开发语言 ecmascript

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

版权

前端实例专栏收录该内容

14 篇文章 2 订阅

订阅专栏

一个非常非常简单的案例

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

先看生成卡密的函数

//生成卡密函数
    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>

生成一下

墨者羽晨

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js原生简单生成卡密例子

一个非常非常简单的案例例子可指定生成卡密数量和长度先看生成卡密的函数//生成卡密函数 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', .
复制链接

扫一扫