0

追加ボタンがクリックされたときに、新しく追加された値が同じ行に表示されるのではなく、別の行に表示されるようにするには、以下のコードをどのように変更できますか?

期待される結果:

Red
Blue
Green
Yellow

現在の結果:

RedBlueGreenYellow

HTML:

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

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

</script>

</head>

<body>
<input type="text" style="width: 154px;" id="input">
<input onclick="add()" type="button" style="width: 20px; height: 22px;" value="+" id="add"><br>
<textarea style="height: 75px;" id="list"></textarea>
</body>

</html>
4

1 に答える 1