JSFiddle - React, Tailwind, and code Playground

HTML

<div id="conteudo" class="classDiv">
    
</div>
<br/>
Mensagem:
<br/>
<textarea rows="4" cols="50" id="campodetexto"></textarea>
<br/>
<input type="button" id="enviar" value="Enviar" onclick=""/>

CSS

.classDiv{
    width: 320px;
    padding: 10px;
    border: 5px solid gray;
    margin: 0;
    
}

JavaScript

$("#enviar").click(function(){
    var mensagem = $("#campodetexto").val();
    
    var hora = (new Date).getHours();
    var min = (new Date).getMinutes();
    if(min <10)
        min = "0"+min;
    var sec = (new Date).getSeconds();
    if(sec <10)
        sec = "0"+sec;
    var horario = hora+":"+min+":"+sec;
    
    var text = mensagem.replace(/\r?\n/g, '<br />');
    
    $("#conteudo").append($('<br/><label>'+horario+': '+text+'</label>'))
});