JSFiddle - React, Tailwind, and code Playground

by oceog

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 (){
    $div=$('div').first();
    $('button').click( function(){
        $div.append($("<p>").text($(this).prev().val()));
        $div.scrollTop($div.prop('scrollHeight'));
    });
});