将文本输入附加到div元素

Question

我有一个HTML表单，单击button时，我会通过id获得一个input字段，然后将其内容写入div 。

但是，我希望在每次连续的按钮单击时都附加输入值，而不是替换输入值。

我该怎么做？

这是我的代码：

function myFunction() {
   var x = document.getElementById("usr").value;     
   document.getElementById("listaa").innerHTML = x;
}

---

<input type="text" class="form-control" id="usr" value="unesi">
<!-- ... -->
<button type="button" class="btn btn-primary btn-lg btn-block" onclick="myFunction()">click me!</button>
<!-- ... -->
<div class="col-sm-6" id="listaa"></div>

Answer 1

如果希望它们一个接一个地列出，请更改功能：

function myFunction() {
   var x = document.getElementById("usr").value;     
   document.getElementById("listaa").innerHTML += x + "<br>";
}

注意+=附加文本而不是替换文本。