Jsでテキストエリアの文字の後ろに文字を追加する方法について

Question

ボタンを押して文字を入力するというものを作りたいと考えており、Jsで実装することにしました。

function OnButtonClickA() {
    target = document.getElementById("textarea_1");
    target.insertAdjacentHTML("beforeend",'→');
}
}

<textarea id="textarea_1" name="textarea_1"></textarea>
<input  type="button" value="→" onclick="OnButtonClickA();"/>

このようにボタンを押せばOnButtonClickAが作動して入力される仕組みなのですが、insertAdjacentHTMLを使うとテキストエリアをクリックして手打ちをしようとした場合、今後ボタンが使えなくなってしまうことが判明しました。
※リロードしたらつかえるようになります。

そこでこのような欠点をなくすために、新しくvalueを使ったものを考えましたが、なぜがvalueを使っても表示されませんでした。
そのためほかに文字列を取得して後ろに連結する方法を考えているのですがなかなか難しいです。
一応考えたものはこちらになるのですが、すでに打ち込まれている文字列を取得する方法がわからず苦戦しています。どうかご教授ください

function OnButtonClickA() {
    target = document.getElementById("textarea_1");
    target　+= "あいうえお";
}```

Answer 1

なぜがvalueを使っても表示されませんでした。

コードでは value を使ってないですよね。使いましょう。

    target.value += "あいうえお";

です。