JavaScript密码生成器报错，HTML中无法执行随机密码生成求助

核心错误分析与修复 #

JavaScript代码问题 #

1. 常量不可修改：const fieldCode = ""; 使用const声明的变量无法被重新赋值，后续fieldCode += ...操作会直接抛出错误，需改为let。
2. 字符截取逻辑错误：passwordCode.substring(randomCode_Generator, randomCode_Generator * 25) 中，substring的第二个参数是结束索引，乘以25会导致索引远超字符串长度，应该截取单个字符，改用charAt(randomCode_Generator)或者substring(randomCode_Generator, randomCode_Generator + 1)。

修复后的JavaScript代码：

function generator() {
    const passwordCode = "1234567890hanshcnmasiuqyeue&*¨%$#@naihd=-";
    const sizeTxt = 12;
    let fieldCode = ""; // 改为let允许修改

    for(var i = 0; i < sizeTxt; i++){
        var randomIndex = Math.floor(Math.random() * passwordCode.length);
        fieldCode += passwordCode.charAt(randomIndex); // 取单个随机字符
    }
    document.getElementById('txt_code').value = fieldCode;
}

HTML代码问题 #

1. 缺少交互触发元素：没有按钮或其他元素调用generator()函数，无法触发密码生成。
2. 缺少目标输入框：不存在id="txt_code"的输入框，无法显示生成的密码。
3. 脚本加载时机：脚本放在header内可能导致DOM未加载完成就执行，建议移到</body>前确保DOM元素已存在。

修复后的HTML示例：

<body>
    <!-- 用于显示生成的密码 -->
    <input type="text" id="txt_code" placeholder="点击按钮生成密码">
    <!-- 触发密码生成的按钮 -->
    <button onclick="generator()">生成随机密码</button>

    <!-- 脚本移到body末尾 -->
    <script src="passwordCode.js"></script>
</body>

验证步骤 #

1. 确认JS文件与HTML文件在同一目录，或脚本路径配置正确。
2. 打开HTML页面，点击「生成随机密码」按钮，输入框将显示12位随机密码。

内容的提问来源于stack exchange，提问作者Imagem