JSFiddle - React, Tailwind, and code Playground

by Joe Young

HTML

<textarea id="description_edit" name="description_edit" cols="40" rows="6" aria-required="true"></textarea>

<form>
    <textarea id="hidden_textarea" name="hidden_textarea" hidden></textarea>
</form>
<p>(The value of hidden_textarea is '<span id="hidden_test"></span>')</p>

JavaScript

document.getElementById("description_edit").onchange = function() {
    document.getElementById("hidden_textarea").value = document.getElementById("description_edit").value;
	
    //check that it gives the correct value, as other textarea is hidden so we are not sure
    document.getElementById("hidden_test").innerHTML = document.getElementById("hidden_textarea").value;
}