JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<p><input type="text" vlaue="" placeholder="First name" id="name" /></p>
<p><input type="text" vlaue="" placeholder="Last name" id="name2" /></p>
<p><input type="text" id="address" placeholder="Address" /></p>

<p><input type="button" value="Save" onclick="save();" />
<input type="button" value="Clear" onclick="clearData();" /></p>

JavaScript

function clearData() {
  window.localStorage.address = '';
  window.localStorage.name = '';
  window.localStorage.name2 = '';
  
}

function save() {
  var name = document.getElementById('name').value;
  var name2 = document.getElementById('name2').value;
  var address = document.getElementById('address').value;
  window.localStorage.name = name;
  window.localStorage.name2 = name2;
  window.localStorage.address = address;
}

window.addEventListener('load',function(e) {
  if( window.localStorage.name ) {
    document.getElementById('name').value = window.localStorage.name; 
  }
  if( window.localStorage.name2 ) {
    document.getElementById('name2').value = window.localStorage.name2; 
  }
  
  if( window.localStorage.address ) {
    document.getElementById('address').value = window.localStorage.address; 
  }
});