Javascript-在div中显示输入

所以这可能很简单，但我做得不对。我的目标是从这个文本框发送用户输入：

<div id="code_output"></div>

进入该分区：

<div id="code_output"></div>

---

为什么不显示？我的代码是否需要一些东西来触发Javascript？

很接近，但问题是您没有使用事件处理程序。脚本将尽快执行您的代码一次（在您有机会在文本输入中输入任何内容之前）。因此，您必须添加某种类型的事件侦听器，以便在适当的时间进行复制。如下所示：

document.getElementById（'formNameInput'）.addEventListener（'keyup'，copyToDiv）；
函数copyToDiv（）{
document.getElementById（“代码输出”）.innerHTML=document.getElementById（“formNameInput”）.value；
}

---

很接近，但问题是您没有使用事件处理程序。脚本将尽快执行您的代码一次（在您有机会在文本输入中输入任何内容之前）。因此，您必须添加某种类型的事件侦听器，以便在适当的时间进行复制。如下所示：

document.getElementById（'formNameInput'）.addEventListener（'keyup'，copyToDiv）；
函数copyToDiv（）{
document.getElementById（“代码输出”）.innerHTML=document.getElementById（“formNameInput”）.value；
}

---

只要

formNameInput

的值发生变化，就需要这样做。为此，你需要一份工作

您的代码应该如下所示：

document.getElementById("formNameInput").addEventListener('input', function () {
   document.getElementById("code_output").innerHTML += this.value;
});

---

只要

formNameInput

的值更改，您就需要这样做。为此，你需要一份工作

您的代码应该如下所示：

document.getElementById("formNameInput").addEventListener('input', function () {
   document.getElementById("code_output").innerHTML += this.value;
});

---

您需要将事件侦听器附加到输入，以便在字段上发生

输入

事件时执行函数：

formNameInput.addEventListener（'input'，函数（e）{
代码_output.textContent=e.target.value
})

---

您需要将事件侦听器附加到输入，以便在字段上发生

输入事件时执行函数：


formNameInput.addEventListener（'input'，函数（e）{
代码_output.textContent=e.target.value
})


也许这就是你想要的

也许这就是您正在尝试的？
为我工作，您有任何控制台错误吗？是否要在任何触发器后以div显示值？实时。您需要“实时”使用onkeyup，因此您需要在输入上使用更改事件或keyup。您将这一行JavaScript称为哪里？它不能神奇地继续运行，你需要告诉它运行。为我工作，你有任何控制台错误吗？是否要在任何触发器后以div显示值？实时。您需要“实时”使用onkeyup，因此您需要在输入上使用更改事件或keyup。您将这一行JavaScript称为哪里？它无法神奇地继续运行，您需要告诉它运行。请使用
input
而不是
keyup
。谢谢，这真是太神奇了。我还像其他人说的那样将onkeyup='myfunction（）'添加到我的输入中，并将我的JS代码转换成一个函数，它也可以工作。但是，无论是谁给出了答案，我还没来得及接受，就把它删除了。用
input
代替
keyup
。谢谢，这真是太神奇了。我还像其他人说的那样将onkeyup='myfunction（）'添加到我的输入中，并将我的JS代码转换成一个函数，它也可以工作。但无论是谁给的答案在我接受之前就删除了。