JSFiddle - React, Tailwind, and code Playground

HTML

<form role="form">
<div class="form-group">
<textarea class="form-control" id="message" rows="3"></textarea>
</div>
<button type="submit" id="submit" class="btn btn-default">Submit</button>
</form>

<span class="displayMessage"></span>

JavaScript

$(document).ready(function () {     
    $('#submit').click(function (e) {
        e.preventDefault();

        var storedMessagesJSON = localStorage.displayMessages || '[]',
            storedMessages = JSON.parse(storedMessagesJSON),
            displayMessage = $('#message').val();

        storedMessages.push(displayMessage);
        localStorage.displayMessages = JSON.stringify(storedMessages);
        
         showMessages();
    });

    function showMessages() {
        var storedMessagesJSON = localStorage.displayMessages || '[]',
            storedMessages = JSON.parse(storedMessagesJSON);
        $('.displayMessage').html(storedMessages.join('<br>'));
    }
    
    showMessages();
});