如何解决JS变量points超过12时未触发Hello World日志的问题

算力阿峰

2026-10-26

代码修改方案

核心故障原因

判断逻辑执行时机完全错位：原代码中if(points > 12)的判断语句写在全局作用域，会在页面加载完成的瞬间仅执行一次，此时变量points初始值为0，永远不满足大于12的条件；后续无论点击按钮如何修改points的数值，这段判断代码都不会再次运行，自然无法触发Hello World的输出。
存在变量名拼写错误：myFunction、myFunction2内部的打印语句写为console.log(poeng)，poeng是未定义的变量，点击对应按钮时控制台会直接抛出引用错误，打断正常运行流程。

具体修改步骤

把校验points数值的逻辑抽成独立函数，每次点击按钮修改完points的值后，立刻调用这个校验函数，确保每次数值变动时都会重新判断是否满足输出条件。
修正两个按钮点击函数内的拼写错误，将poeng替换为正确的变量名points。

修改后的完整可运行代码

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button onclick="myFunction()"> 5 </button>
<button onclick="myFunction2()"> 7 </button>
<button onclick="myFunction3()"> +5 </button>

<script>
var points = 0;

// 独立的数值校验逻辑，每次points变动后执行
function checkPointsOverLimit() {
  if(points > 12) {
    console.log("Hello World");
  }
}

function myFunction() {
  points = 5;
  console.log(points);
  checkPointsOverLimit();
}

function myFunction2() {
  points = 7;
  console.log(points);
  checkPointsOverLimit();
}

function myFunction3() {
  points = points + 5;
  console.log(points);
  checkPointsOverLimit();
}
</script>
</body>
</html>