通过javascript将<br>插入文本区域[重复]

Question

我正在尝试将文本输入到 textarea 并让它在每次插入时从新行开始。

目前这是我的代码，所以当您输入用户名/文本并点击发布时，它会将其粘贴到文本区域中。

<script type="text/javascript">

document.getElementById("post").addEventListener('click', function () {

var username = document.getElementById('username').value;
var input = document.getElementById('input').value;
var output = document.getElementById('output');

var outputtext = username + ":" + input;
output.value += outputtext;

});
</script>

目前的输出如下所示：

Username1:Text1Username2:Text2Username3:Text3

我希望它在哪里显示：

Username1:Text1
Username2:Text2
Username3:Text3

为任何帮助干杯

Answer 1

只需将<br> 作为\n添加到outputtext 的字符串中：

var outputtext = username + ":" + input +"\n";

\n - 换行符 n 必须用反斜杠 \ 转义并用双引号 "