onclick绑定异常：未点击按钮console.log已执行，点击无响应求助

你代码的核心问题是：直接把函数调用的结果赋值给了onclick事件。console.log('hey')是立即执行的代码，页面加载时就会触发打印，而onclick需要的是一个函数（点击时才执行的回调）。

修正后的代码方案 #

方案1：用匿名函数包裹执行逻辑

let btn1 = document.getElementById("btn1");
btn1.onclick = function() {
  console.log('hey');
};

方案2：ES6箭头函数简化写法

let btn1 = document.getElementById("btn1");
btn1.onclick = () => console.log('hey');

额外注意事项 #

如果你的JavaScript代码写在<head>标签里，可能会出现找不到按钮元素的情况（因为DOM还没加载完成）。这时候可以把JS代码移到<body>标签的末尾，或者用DOM加载完成事件包裹：

document.addEventListener('DOMContentLoaded', function() {
  let btn1 = document.getElementById("btn1");
  btn1.onclick = () => console.log('hey');
});

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