JS条件判断问题：FizzBuzz函数无法按元素存在性执行对应逻辑

核心错误原因 #

你的判断条件document.getElementById("textbox") == true逻辑完全错误：

• 当页面存在textbox元素时，getElementById返回DOM元素对象，这是一个真值，但它和true用==比较时，会被转换为字符串[object HTMLElement]，和true不相等，条件结果为false
• 当页面不存在该元素时，getElementById返回null，null == true同样为false
  所以无论元素是否存在，条件都不成立，代码永远走else分支执行Buzz()。

正确写法 #

你只需要直接判断元素是否存在（利用JS的真值/假值特性），或者明确和null比较：

写法1：利用真值判断（简洁）

function FizzBuzz(){
   if(document.getElementById("textbox")){
      Fizz();
   } else {
      Buzz();
   }
}

写法2：明确比较null（更严谨）

function FizzBuzz(){
   const textBox = document.getElementById("textbox");
   if(textBox !== null){
      Fizz();
   } else {
      Buzz();
   }
}

关于你之前尝试的说明 #

你提到试过== null、!== null但没生效，大概率是修改时的操作失误（比如语法写错、代码没保存生效、浏览器缓存旧代码），上述两种写法都是经过验证的正确逻辑，只要替换原代码即可解决问题。

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