Javascript 向列表框中添加值，但将其逐行分隔，而不是一行分隔

如何修改下面的代码，以允许新添加的值显示在单独的行上，而不是单击“添加”按钮时仅显示在同一行上

预期结果：

Red
Blue
Green
Yellow

当前结果：

RedBlueGreenYellow

HTML:

函数add（）{
document.getElementById（'list'）.value+=''+document.getElementById（'input'）.value；
}

更改添加功能，如

function add() {
  document.getElementById('list').value += " " + document.getElementById('input').value;
}

---

您的代码仍然将其添加到一行，前面有一个奇怪的空格。

function add() {
  document.getElementById('list').value += " " + document.getElementById('input').value;
}