JSFiddle - React, Tailwind, and code Playground

HTML

<pre></pre>
<input type="text" name="name" class="store" /><br />
<input type="text" name="sirname" class="store" /><br />

CSS

pre { padding: 20px; border: 1px dashed #ccc; }
input { padding: 6px; margin: 10px; }

JavaScript

$( function(){
    
    // простой вывод текущего состояния localStorage
    // в формате name => value
    for (inputName in localStorage) {
        $('pre').append(inputName + ' => ' + localStorage.getItem(inputName) + '<br />')
    }
    
    $('.store')
        .keyup( function(){ 
            // обновление ключа при нажатии на клавишу
            localStorage.setItem($(this).attr('name'), $(this).val())
        })
        .each( function(){ 
            // подстановка значений в инпуты при загрузке страницы
            $(this).val(localStorage.getItem($(this).attr('name')))
        })
})