javascript - 按钮可以通过函数删除自身吗？ JavaScript

Question

我正在创建一个重置按钮，单击该按钮时应通过函数删除自身。

但只有当按钮本身以外的任何元素触发时，删除才会起作用:(我的意思是 onclick 无法正常工作。

创建重置按钮的函数:

function createButton(context, id , value ,func)
{
  var button = document.createElement("input");
  button.type = "button";
  button.id = id;
  button.value = value; // text on button
  button.onclick = func;
  context.appendChild(button); // add the button to the context
}

调用创建函数:
createButton(document.body , "resetButton", "重置游戏", "resetGame();");

重置函数，假设删除按钮:

//reminder - id is "resetButton"
function resetGame()
{   
  var resetBottun = document.getElementById("resetButton");
  var parentOfResetButton = resetBottun.parentElement;
  parentOfResetButton.removeChild(resetBottun);
};  

当我单击按钮时，它应该触发resetGame()函数并且按钮应该消失，但正如我提到的，只有当我从任何其他地方运行resetGame()函数而不是重置按钮的onclick时才会发生这种情况。

希望你理解:/

请帮忙

Answer 1

button.onclick 的值需要是一个函数。

您正在分配“resetGame();”，它是一个字符串。

传递resetGame而不是“resetGame()”。