JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="myText"></textarea>    

<br>

<input type="button" value="Test" id="btnTest" />
<br>
<input type="button" value="Test #2" id="btnTest2" />
<br>
<input type="button" value="Test #3" id="btnTest3" />
<br>
<input type="button" value="Test #4" id="btnTest4" />

JavaScript

$('#btnTest').on('click', function(){
   $('#myText').val('Button <1> was pressed'); 
});




$('#btnTest2').on('click', function(){
   $('#myText').empty().val('Button <2> was pressed'); 
});




$('#btnTest3').on('click', function(){
   $('#myText').val('Button <3> was pressed'); 
});



$('#btnTest4').on('click', function(){
   $('#myText').val('Button <4> was pressed'); 
});