JavaScript else if语句失效求助：if/else正常但else if不触发

问题现象 #

输入115时，else if分支完全无响应；输入135时if分支正常工作，但满足else if条件的场景始终无法触发，测试前已刷新页面排除状态残留。

代码问题分析 #

你的代码存在两个核心逻辑错误：

1. 条件判断中直接修改变量值：在if ((add += 90) <= lbs)里，add会被直接加上90，即便条件不成立，add的值也已经被修改，导致后续else if的判断基础完全错误。比如输入115时，lbs = 115-45=70，第一次循环中add初始为0，执行add +=90后变成90，90>70导致if条件不成立，此时add已经是90，进入else if判断时add +=70变成160，远大于70，自然不会触发分支。
2. 重复累加重量：满足if条件时，你在条件表达式里加了一次90，代码块里又加了一次90，相当于每次累加了180，完全不符合计算逻辑。
3. 循环条件有风险：用lbs != add作为循环终止条件，可能因数值精度问题导致死循环，建议改用add < lbs。

修复后的代码 #

// 先明确获取DOM元素，避免未定义报错
var button = document.getElementById('button');
var input = document.getElementById('input');
var forty = document.getElementById('forty_plate');
var thirty = document.getElementById('thirty_plate');

button.addEventListener("click", function() {
  // 把输入转为数字，避免字符串运算错误
  var totalWeight = parseInt(input.value);
  if (isNaN(totalWeight) || totalWeight < 45) {
    alert('请输入不小于45的有效重量');
    return;
  }
  var lbs = totalWeight - 45; // 减去杠铃本身的45磅
  var add = 0;

  var plates45 = 0;
  var plates35 = 0;

  // 改用add < lbs作为循环条件，避免死循环
  while (add < lbs) {
    // 先判断能否加一组45磅片（两边各一片，共90磅）
    if (add + 90 <= lbs) {
      plates45 += 2;
      add += 90;
      forty.textContent = "45lbs: " + plates45;
    } 
    // 再判断能否加一组35磅片（两边各一片，共70磅）
    else if (add + 70 <= lbs) {
      plates35 += 2;
      add += 70;
      thirty.textContent = "35lbs: " + plates35;
    } 
    else {
      // 剩余重量不足以加整组片，直接退出循环
      break;
    }
  }
});

额外优化说明 #

• 增加输入合法性校验，避免非数字或小于45的无效输入
• 用textContent替代innerHTML，更安全且性能更优
• 补充了DOM元素的获取代码（原代码直接使用button、input等变量可能未定义报错）

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