JSFiddle - React, Tailwind, and code Playground

HTML

<div id='d'>    
</div>
<textarea>
</textarea>
<button >send</button>

CSS

div{
    width:200px;
    height:100px;    
    border: 1px solid black;
    overflow-y: auto;
}

JavaScript

$(function (){
    $('button').click( function(){
        $('div').append("<p>" + $(this).prev().val() + "</p>");
        $('div').scrollTop($('div').height() + $('div').scrollTop());
    })
});