Javascript 如何使用textarea更改段落

所以我是web开发的新手，我想创建一个段落，可以用textarea更改其文本内容。我的意思是：如果我写“你好，世界！”在textarea中，我希望将段落内容更改为文本，即写在文本框中。当然是JavaScript。但是我不知道怎么做。我试了几次，但都失败了。 这是我的HTML，我需要JavaScript导师

<p class="test-text"></p>

<textarea class="tarea" name="textarea" cols="30" rows="10"></textarea>

---

你们能帮我个忙吗：D

我会给两个人一个身份证，这样你们就能更容易地找到他们。使用类名可能会起作用，但是如果您想使该类的另一个元素成为该类的一个元素，那么它就不会起作用。如果您只使用类来标识元素，那么无论如何都应该使用id，因为这就是它们的用途。然后它会像这样：

<p class="test-text" id="myParagraph"></p>

<textarea class="tarea" id="myTextarea" name="textarea" cols="30" rows="10"></textarea>

---

请注意，只有在段落标签中没有其他元素时，文本内容才起作用。否则，基础元素的textContent将包含在段落元素的textContent中。

首先需要获取元素：

HTML:
<p id="text" class="test-text"></p>

<textarea id="text-area" class="tarea" name="textarea" cols="30" rows="10"></textarea>

JS:
var paragraph = document.querySelector('#text');
var tarea = document.querySelector('#text-area');

现在，您可以创建一个函数来更新段落：

function updateValue(e) {
  paragraph.textContent = e.target.value;
}

请注意，当您在textarea中键入内容时，将执行updateValue

您可以查看更多信息

---

tarea.addEventListener（“输入”，函数（）{paragration.innerText=this.value；}）

（另外，这不是一个真正的初学者辅导网站，我建议您学习以下在线JS教程和基础知识）@ChrisG这是answer@t3__rry我不会发布答案，除非这个问题和答案是一个有用的补充，所以这是谷歌搜索，并将有助于未来的读者（这基本上从未发生过）

HTML:
<p id="text" class="test-text"></p>

<textarea id="text-area" class="tarea" name="textarea" cols="30" rows="10"></textarea>

JS:
var paragraph = document.querySelector('#text');
var tarea = document.querySelector('#text-area');

tarea.addEventListener('input', updateValue);

function updateValue(e) {
  paragraph.textContent = e.target.value;
}