JSFiddle - React, Tailwind, and code Playground

by vadimkot

HTML

<form id="test" action="#">
    <textarea name="text"></textarea>
    <button type="submit">Send form</button>
</form>

JavaScript

var $form = $('#test'),
    $textarea = $form.find('textarea');

function checkSavedData () {
    var text = sessionStorage.getItem('mysite_text');
    if (text) {
        $textarea.prop('value', text);
    }
}

function saveData () {
    var text = $(this).prop('value');
    sessionStorage.setItem('mysite_text', text);
}

$textarea.on('change keyup', saveData);

$form.on("submit", function (e) {
    e.preventDefault();
    
    //$(this).submit();
    
    $textarea.prop('value', '');
    sessionStorage.removeItem('mysite_text');
});

checkSavedData();