JSFiddle - React, Tailwind, and code Playground

by tomsx

HTML

<label>First Name:
    <input type='text' name='firstName' id='firstName' placeholder="First Name">
  </label>
  <br>
  <br>
  <label>Middle Name:
    <input type='text' name='middleName' id='middleName' placeholder="Middle Name">
  </label>
  <br>
  <br>
  <label>Last Name:
    <input type='text' name='lastName' id='lastName' placeholder="Last Name">
  </label>
  <br>
  <br>
  <button type="button" onclick="saveFields();">Save Fields</button>
  <button type="button" onclick="loadFields();">Load Fields</button>

JavaScript

function saveFields(){
        var list = {};
        $("body").find("input").each(function() {
            var field= $(this).attr('id');            
            var value= $(this).val();            
            list[field] = value;
        });
    window.localStorage.setItem('testing', JSON.stringify(person));
}

function loadFields(){
    var x = JSON.parse(window.localStorage.getItem(('GRMPrevUserData')));
    alert(x);
}