HTML页面中button的onclick点击事件无法触发，应如何排查解决？

经排查代码存在三个问题，按优先级排列如下：

• 语法错误：myFunction 缺少闭合大括号。你编写的 if...else if...else 分支仅闭合了 else 块，缺少外层的结构闭合符号，同时整个函数也没有对应的闭合 }。语法错误会导致JS代码加载后直接报错，点击按钮自然没有任何反应。
• 跳转地址不规范：window.location.href 赋值的地址缺少 https:// 协议头，浏览器会将其识别为当前站点的相对路径，即使前面的问题修复后也无法正常跳转。
• 冗余代码：代码中使用的 text 变量既没有提前声明，也没有后续的消费逻辑，属于无效代码，建议删除避免潜在的变量污染问题。

修复后的完整代码如下：

<style>
button {
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}
</style>
<script>
function myFunction() {
  let person = prompt("Please enter your username:", "");
  if (person == null || person == "") {
    // 如需提示用户可以在这里补充逻辑，冗余的text变量已删除
  } else if (person == "hi" || person == "test" || person == "1234") {
    window.location.href = "https://示例目标地址1";
  } else {
    window.location.href = "https://示例目标地址2";
  }
}
</script>
<button onclick="myFunction();">Click me</button>
</body>
</html>

你可以按实际需求替换代码中的示例跳转地址。

内容的提问来源于stack exchange，提问作者呂殿下-Luidenka