JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="input"></input><br/>
<button id="save">Save</button>

<button id="load">Load</button>
<br/><br/>
Result: <span id="output"></span>

CSS

span {
    color: #f00;
}

JavaScript

var input = document.getElementById('input');
var save = document.getElementById('save');

save.addEventListener('click', function() {
    localStorage.setItem("item", input.value);
    document.getElementById('output').innerHTML = "SAVED";
});

// helper function for displaing results
var output = function(result) {
    document.getElementById('output').innerHTML = result;
}

var load = document.getElementById('load');

load.addEventListener('click', function() {
    output(localStorage.getItem("item"));
});