如何使用JavaScript在每行的开头和结尾添加文本

我正在尝试在每行的开始和结尾添加文本。当某人在textArea1中写一些东西并在任何TextBox中写文本并按下按钮时,它应该基于单击的按钮添加每行的结尾或开始的文本(请参阅图像以获得更好的理解!)。然后,结果应显示在textArea2中。我一直在为此工作,但仍然没有解决方案。请帮助,在此先感谢!

function addinStartFunction() {
  var str = document.getElementById("TextInput1").value;
}

function addinEndFunction() {}
<center>
  <form>
    <textarea autocomplete="off" cols="30" id="TextInput1" name="message" rows="10" style="border: 3px solid #73AD21; width: 40%;"></textarea>
    <textarea autocomplete="off" cols="30" id="TextInput2" name="message" rows="10" style="border: 3px solid #73AD21; width: 40%;"></textarea>
    <br><br>
    <input type="text" id="fname" style="width: 40%;padding: 06px 06px; margin: 8px 0;box-sizing: border-box;" name="fname" /><br><br>
    <input id="" onclick="addinStartFunction()" style="padding: 06px 06px; margin: 8px 0;box-sizing: border-box;border: 3px solid #73AD21;" type="button" value="Add this in the Start of Every Line!" /><br><br>
    <input type="text" style="width: 40%;padding: 06px 06px; margin: 8px 0;box-sizing: border-box;" id="lname" name="lname"><br><br>
    <input id="" onclick="addinEndFunction()" style="padding: 06px 06px; margin: 8px 0;box-sizing: border-box;border: 3px solid #73AD21;border: 3px solid #73AD21;" type="button" value="Add this in This End of Every Line!" /><br><br>
  </form>
</center>

Result Image: https://imgur.com/a/YmNar5x