自制自定义位数的随机密码生成器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>密码生成器</title>
</head>
<body>
    <label for="">请输入密码长度</label>
    <input id="secret-length" type="number" name="" id="" placeholder="请输入密码长度" min="1" value="1">
    <button onclick="gen()">生成</button>
    <h3>结果</h3>
    <p id="result"></p>
   
    <script>
        // 生成a-z,0-9的密码
        function gen()
        {
            var secret = []
            var len = document.getElementById("secret-length").value;
            // 定义可用字符集
            var chars = "abcdefghijklmnopqrstuvwxyz0123456789"; 
            // 生成指定长度的密码
            for(var i = 0; i < len; i++) {
                // 生成0-35之间的随机索引
                var randomIndex = Math.floor(Math.random() * 36);
                // 根据索引获取字符
                secret.push(chars[randomIndex]);
            }
            
            // 显示结果
            console.log(secret);
            document.getElementById("result").innerHTML = secret.join("");
        }
    </script>
</body>
</html>
在线demo
posted on 2025-08-29 14:57 小沙盒工作室阅读(13) 评论(0) 收藏举报