JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="textfield" value=""/>
<button onclick="save();">Save</button>
<button onclick="load();">Load</button>
<button onclick="remove();">Remove</button>
JavaScript
function save() {
var fieldValue = document.getElementById('textfield').value;
localStorage.setItem('text', fieldValue);
}
function load() {
var storedValue = localStorage.getItem('text');
if(storedValue) {
document.getElementById('textfield').value = storedValue;
}
}
function remove() {
document.getElementById('textfield').value = '';
localStorage.removeItem('text');
}