JavaScript新手求教：代码未等用户输入25就触发alert，x恒为25如何解决

1. 相等判断逻辑错误 #

你在if条件中误将赋值运算符=当做相等判断运算符使用：

• x = 25的作用是把数值25赋值给变量x，该表达式的返回值就是25，在布尔判断场景下属于真值，所以if条件会永久成立，alert会直接触发，这也是变量x始终为25的直接原因。
• 正确的相等判断应该用==（抽象相等，会自动做类型转换，输入框默认返回的字符串类型"25"也能匹配）或者===（严格相等，需要类型和值完全一致，此时要写成x === '25'才能匹配输入的内容）。

2. 代码执行时机错误 #

你当前的代码会在页面加载完成后立即执行，不会等待用户在输入框中输入内容。需要将判断逻辑绑定到输入框的对应事件上（比如输入事件input、失焦事件change），用户操作输入框后才会触发判断逻辑。

修正后代码示例 #

JavaScript 代码 #

// 提前获取输入框DOM元素
const smInput = document.getElementById("SM");
// 绑定输入事件监听器，用户每次输入都会触发回调逻辑
smInput.addEventListener('input', function() {
  const x = smInput.value;
  if (x == 25) {
    alert("THIS IS just isnt working");
  }
  console.log(smInput.value);
  console.log(x);
})

HTML 代码（原有英文Start已翻译为中文） #

<input type="text" id="SM" placeholder="请输入内容">
<header><h1>开始</h1></header>

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