JavaScript特定条件输出不同消息的代码失效问题排查

你的代码一共有3个核心逻辑/语法错误，直接导致专属欢迎逻辑永远无法触发：

• 判断分支顺序颠倒：你把person != null这个覆盖范围极广的判断放在了最前面。只要用户没有点击prompt弹窗的「取消」按钮，不管输入什么内容，person都不会是null，会直接命中第一个分支输出通用欢迎语，后面的else if分支根本没有执行机会。
• 分支挂载逻辑错误：专属判断的else if是挂在person != null的else分支下，也就是说只有当person === null（也就是用户点了取消）的时候才会走到这个判断，此时person本身是空值，完全不可能匹配到你的昵称，逻辑从根上就错位了。
• 条件判断语法完全错误：你写的person = pyro || Pyro || PYRO存在三个问题：
  • 单个=是赋值运算符，不是用来做相等对比的===/==，这行代码根本不是在判断person的值，而是在尝试给person重新赋值
  • pyro/Pyro/PYRO没有加字符串引号，JS会把它们识别成未定义的变量，正常运行时会直接抛出引用错误；就算补了引号，person == "pyro" || "Pyro" || "PYRO"的写法也不符合JS逻辑规则，或运算符会独立判断每个表达式的真假，不会自动把后面的字符串和person做对比，判断逻辑完全失效
  • 手动枚举大小写变体的写法非常冗余，只要把用户输入统一转成小写后和"pyro"对比，就能一次性覆盖所有大小写组合的输入，不用逐个列写变体。

window.onload = function namePrompt() {
  const person = prompt("Please enter your name", "");
  const nameContainer = document.getElementById("name");
  // 优先判断是否为本人，统一转小写匹配所有大小写变体，自动忽略输入前后的误输空格
  if (person && person.trim().toLowerCase() === "pyro") {
    nameContainer.innerHTML = "hey, me! hope you've been making substantial changes!";
  } else if (person !== null) {
    nameContainer.innerHTML = `welcome, ${person}, to the pyrogaming/covid2009 homepage!`;
  }
}

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