JSFiddle - React, Tailwind, and code Playground

by Manuel Souto Pico

HTML

<form name="message" action="">
    <textarea name="usermsg" autocomplete="off" type="text" id="usermsg" rows="4" cols="30" style="width: 450px; margin-left: 25px;"></textarea>
    <br/>
    <p style="margin-left: 420px;"><input hidden="hidden" name="submitmsg" type="submit"  id="submitmsg" value="Send" /></p>
</form>

<div id="chatbox"></div>

JavaScript

$(function() {
    $("#usermsg").keypress(function (e) {
        if(e.which == 13) {
            //submit form via ajax, this is not JS but server side scripting so not showing here
            $("#chatbox").append($(this).val() + "<br/>");
            $(this).val("");
            e.preventDefault();
        }
    });
});