將文本輸入附加到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>";
}

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