javascript - 将用户输入发送到 div

Question

您好，我在这里有一个关于将用户输入发送到 html 文档的 div 部分的快速问题。我之前问过这个问题，它似乎太宽泛，所以这次我将尝试更具体。

我试图将用户输入发送到发送按钮的 onclick 上，但每次代码只是更改文本而不是打印其下的下一个文本。我很好奇我做错了什么。感谢您的阅读，这是我的代码。

<div id="out"</div>
<input type="text" name="textIn" id="txtin">
<input type="button" value="Hit me" onclick="hello()"></input>
<script>
 function hello() {
    document.getElementById("out").innerHTML = 
    document.getElementById('txtin').value + "<br />"
}
</script>

https://jsfiddle.net/su0o83hj/1/

Answer 1

如果要附加到现有文本，请在函数中使用 += 而不是 =:

function hello() {
    document.getElementById("out").innerHTML += 
    document.getElementById('txtin').value + "<br />"
}