通过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 "