JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<!DOCTYPE html>
<html>
  <body style="font: 75% Lucida Grande, Trebuchet MS">
    <textarea id="notebook" name="myText" placeholder="Welcome to the kougiland offline-note project! please type your text here..."></textarea>
    <p id="log" style="color: gray"></p>
    <script>
      var area = document.querySelector('#notebook');  
      // place content from previous edit
      if (!area.value) {
        area.value = window.localStorage.getItem('value');
      }
       
      // your content will be saved locally
      area.addEventListener('keyup', function () {
        window.localStorage.setItem('value', area.value);
        window.localStorage.setItem('timestamp', (new Date()).getTime());
      }, false);

    </script>
  </body>
</html>