JSFiddle - React, Tailwind, and code Playground

HTML

<textarea class="box" id="ta"></textarea>

<table id="tatable"><tr><td><div id="tatext"></div></td></tr></table>

<br>

<input type="button" id="move-text" value="move text">

<br><br>

<textarea class="box" id="newtext"></textarea>

CSS

.box { width: 400px; height: 50px; }

JavaScript

function ta() {

    taValue = document.getElementById("ta").value

    taValue = taValue.replace(/\n/g, '<br/>')

    document.getElementById("tatext").value = taValue;
}

function text2area() {
    taValue = document.getElementById("ta").value;
    document.getElementById("newtext").value = taValue;
}

document.getElementById("ta").addEventListener ("onkeyup", ta, false);

document.getElementById("move-text").addEventListener ("click", text2area, false);