javascript - 该按钮不执行该功能

Question

我使用 javascript 制作了一个按钮，但我设置的 onClick 事件似乎不起作用。

这是我的代码:

function myFunction() {
  console.log('button pressed')
}

var BUTTON = document.createElement("button");
BUTTON.name = "not";
BUTTON.type = "button";
BUTTON.onclick = "myFunction()";
var textBUTTON = document.createTextNode("TEST");
BUTTON.appendChild(textBUTTON);
var output = document.getElementById("test");
output.appendChild(BUTTON);

<div id="test"></div>

出现了由 javascript 创建的按钮，但是函数 myFunction() 没有执行任何操作。

如果我使用 HTML 手动制作按钮，它会按预期工作

function myFunction() {
  console.log('button pressed')
}

<button name="not" type="button" onClick="myFunction()">TEST</button>

Answer 1

问题出在这一行:

BUTTON.onclick = "myFunction()";

应该是:

BUTTON.onclick = myFunction;