javascriptにおけるテキストエリアへの追加と削除

1.はじめに

まずはhtmlコードの型

<input type="text" id="text1">
<input type="button" value="追加" onclick="addText();">
<input type="button" value="削除" onclick="deleteText();">
<br>
<textarea id="area1"></textarea>

次にjavascriptのコードの型

<script>   
    function addText() {

    }

    function deleteText() {

    }

2.プロセス

①まずは追加ボタンの入力値を代入。
　※.valueでタイプした値を取得できる。

var ta1 = document.getElementById("text1").value;

②入力した値をテキストエリアに代入していく。
※"+="で次々に代入していける。
※"\n"　で改行

document.getElementById("area1").value += ta1  + "\n";

③テキストを変数に代入して、変数の値を空白にする。

function deleteText() {
  let ta2 = document.getElementById("area1");
  ta2.value = "";
}

3. 完成形

function addText() {
  var ta1 = document.getElementById("text1").value;
  document.getElementById("area1").value += ta1;
}

function deleteText() {
  let ta2 = document.getElementById("area1");
  ta2.value = "";
}

以上