如何在HTML与JS中显示用户输入内容后添加换行？

只需在追加用户输入内容时添加HTML换行标签<br>即可实现需求，修改后的代码如下：

function doME() {
     nav.innerHTML = 'Welcome  ' + answers.value;
     Chatbox.innerHTML += " " + cbox.value + "<br>";
}
login1.addEventListener('click',doME);

如果偏好使用文本换行符而非HTML标签，可给Chatbox元素添加CSS样式white-space: pre-line;，再将代码修改为：

function doME() {
     nav.innerHTML = 'Welcome  ' + answers.value;
     Chatbox.innerHTML += " " + cbox.value + "\n";
}
login1.addEventListener('click',doME);

两种方案都能实现每次输入内容显示后自动换行的效果，前者更适配HTML的渲染逻辑，后者贴近原生文本换行的写法。

内容的提问来源于stack exchange，提问作者cavitd