如何在Javascript中向btn.innerHTML添加函数？

我正在尝试为一个学校项目制作一个简短的冒险HTML游戏。我已经为一个角色名称添加了一个小的键入部分，游戏将使用该部分在整个过程中引用玩家

我已经让用户名起作用了，所以它指的是在“键入部分”输入的文本播放器。然而，我不是很有经验，我只得到了在函数中引用玩家名字的页面。过去我曾尝试将变量“交换”到另一个页面，但我想不出来，所以我只好将所有变量都保存在一个页面上，就像这样。如果有任何其他方法也允许使用插入的用户名，我们将不胜感激

函数othername（）{
var input=document.getElementById（“userInput”）.value；
文件。写（“‘问候’”）；
文件编写（输入）；
文件。写（“！”）
var btn=document.createElement（“按钮”）；
btn.innerHTML=“销毁”；
文件.正文.附件（btn）；
btn.innerHTML.onclick=function（）{
myFunction（）
};
文件.正文.附件（btn）；
}
函数myFunction（）{
document.getElementById（“userInput”）.value；
文件。书写（“aaaaaaaaaaaaaaaah”）；
}

---

您不会将onclick事件添加到按钮的内容中。将其添加到按钮：

btn.onclick = myFunction;

注意：在页面第一次加载后调用

document.write（）

（例如，通过类似于您所做的

onclick

处理程序）将导致整个页面被删除并替换为您所写内容

在您的情况下，页面将只包含“！`”，因为首先您要删除整个页面以编写“问候语”，然后删除“问候语”，并将其覆盖为“！`”

改用

innerHTML

---

您不会将onclick事件添加到按钮的内容中。将其添加到按钮：

btn.onclick = myFunction;

注意：在页面第一次加载后调用

document.write（）

（例如，通过类似于您所做的

onclick

处理程序）将导致整个页面被删除并替换为您所写内容

在您的情况下，页面将只包含“！`”，因为首先您要删除整个页面以编写“问候语”，然后删除“问候语”，并将其覆盖为“！`”

改用

innerHTML

---

你问的没有道理。事件处理程序用于元素，而不是简单的文本内容。把处理程序直接放在按钮上。你所问的没有意义。事件处理程序用于元素，而不是简单的文本内容。将处理程序直接放在按钮上。