JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="textareadiv"></textarea>

<div id="rightchat">
</div>

CSS

#rightchat {
	float: right;
}

span {
    border: 2px solid #000;
	padding: 10px;
	display: block;
}

p {
    border: 1px dashed #FF0000;
	padding: 10px;
}

JavaScript

$('#textareadiv').val('<p>I am a "p" element </p>')

$("#textareadiv").on('keypress', function(e) {
    var keyCode = (window.event) ? e.which : e.keyCode;

    if (e.keyCode == 13) {
        e.preventDefault();

        var text2 = $("#textareadiv").val();
        var s = '<span class=right>' + text2 + '</span>'; // can I just append this?

        $('#rightchat').append(s); // can I just append this?


    }
});