如何使用HTML+JavaScript实现管理员密码验证？现有代码运行无效果求助

无预期效果的核心原因 #

• 存在孤立的闭合脚本标签：代码最开头单独写了一个没有对应开标签的</script>，浏览器解析到这个内容时会直接中断脚本解析流程，后续代码完全不会加载执行
• 注释语法非法：JavaScript的单行注释必须以//开头，你代码里用来做备注的--不属于合法注释语法，会被解析器当成连续的两个减号运算符处理，直接触发SyntaxError语法报错，导致整个脚本块失效，password1函数根本没有被注册到全局环境，点击按钮自然没有任何反应
• 逻辑分支缺漏：你提前定义了错误时的输出内容wo、正确密码值awn，但这两个变量完全没有被逻辑引用，只写了密码正确时的输出分支，哪怕脚本能正常运行，输错密码时也不会有任何反馈，达不到预期效果
• 输出方式不合理：交互场景下调用document.write()会直接覆盖整个页面的现有DOM内容，把按钮、原有页面元素全部冲掉，不符合正常交互逻辑
• 类型匹配隐患：prompt()方法的返回值永远是字符串类型，哪怕用户输入纯数字123，拿到的也是字符串形式的"123"，你代码里写死和数字123比较，虽然宽松相等==会做隐式类型转换，但如果用户误带空格、点击取消返回null，都会导致校验不通过

修正后的可运行代码 #

<button onclick="password1()">Password</button>
<!-- 新增独立结果展示区域，避免直接覆盖页面 -->
<div id="checkResult"></div>
<script>
    function password1(){
        // 弹窗获取用户输入的密码
        var pass = prompt ("Password");
        var wo = "No"; // 密码错误的提示
        var rd = "Yes"; // 密码正确的提示
        var awn = "123"; // 正确密码，和prompt返回的字符串类型保持一致
        // 补全错误分支的输出逻辑
        if (pass === awn) {
            document.getElementById('checkResult').innerText = rd;
        } else {
            document.getElementById('checkResult').innerText = wo;
        }
    }
</script>

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