JSFiddle - React, Tailwind, and code Playground

by KoizumiGaho

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="result" placeholder="Enter something..." />
<button id="save">Save</button>
<button id="load">Load</button>

JavaScript

function supports_html5_storage() {
  try {
    return 'localStorage' in window && window['localStorage'] !== null;
  } catch (e) {
    return false;
  }
}

if (supports_html5_storage()) {
  $('#save').click(function() {
    localStorage.setItem("lastname", $("#result").val());
  });
  $('#load').click(function() {
    $("#result").val(localStorage.getItem("lastname"));
  });
} else {
  // Sorry! No Web Storage support..
  alert('No support for local storage!');
}