按钮可以通过函数删除自身吗? Javascript

Can a button delete itself via a function? Javascript

我正在创建一个重置按钮,当点击它时应该通过一个函数删除它自己。

但是只有当按钮本身以外的任何元素触发时删除才有效:(我的意思是 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" , "Reset Game" , "resetGame();" );

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

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

当我点击按钮时,它应该触发 resetGame() 函数并且按钮应该消失,但正如我提到的,只有当我从任何其他地方 运行 resetGame() 函数而不是重置按钮的点击。

希望你明白:/

请帮忙

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

您正在分配 "resetGame();",这是一个 字符串

传递 resetGame 而不是 "resetGame()"