JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="input"/><button id="Example">Add</button><br/>
<textarea id="output" readonly></textarea>

JavaScript

$("#Example").on( "click", function() {
//New input before existing content
 $('#output').val("<button>"+$('#input').val()+"</button>\n"+$('#output').val());
 //New input after existing content
 //$('#output').val( $('#output').val() +"<button>"+$('#input').val()+ "</button>\n");
  $('#input').val('');
  $('#input').focus();
});