JavaScript循环异常：点击取消后未重复弹出姓名输入prompt

原代码存在的核心问题 #

• 变量作用域错误：naam在if代码块内用let声明，外部的while循环无法访问该变量，导致循环判断完全失效。
• while循环条件逻辑错误：naam == null || 'null' || ""中，'null'和""都是非空字符串（属于真值），这个条件会永远为true；同时正确的判断逻辑应该是检查输入是否为null（用户点击取消）或空字符串（用户直接回车）。
• 流程顺序错误：原代码先输出名字再处理无效输入，应该先确保获取到有效的名字，再执行确认和输出流程。
• confirm调用错误：if(confirm)只是检查confirm函数是否存在，不会弹出确认框，需要调用confirm("提示文本")才会触发确认弹窗。

修正后的代码 #

<script type="text/javascript">
    alert('Pagina geladen');
    
    // 弹出确认框，用户确认后才进入名字输入流程
    if (confirm("是否要输入您的名字？")) {
        let naam;
        // 循环获取名字，直到输入有效内容（非null、非空）
        do {
            naam = prompt("Wat is uw naam?");
        } while (naam === null || naam === "");
        
        // 确认名字是否正确
        let isCorrect = confirm(`Uw naam is ${naam}, is dit correct?`);
        if (isCorrect) {
            document.write(`Welkom ${naam}, een fijne dag gewenst!`);
        } else {
            // 用户认为名字错误时，重新获取有效名字
            do {
                naam = prompt("Wat is uw naam?");
            } while (naam === null || naam === "");
            document.write(`Welkom ${naam}, een fijne dag gewenst!`);
        }
    }
</script>

修正逻辑说明 #

1. 先通过confirm弹窗让用户确认是否要进行名字输入，符合原需求的确认流程。
2. 使用do-while循环：先弹出一次输入框，再判断输入是否有效，确保用户必须输入非空、非null的内容才能继续。
3. 增加名字确认分支：用户确认名字正确则直接输出欢迎语，否则重新获取有效名字后再输出。
4. 用模板字符串（${变量}）拼接文本，比传统字符串加号更简洁易读。

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