JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<!DOCTYPE html>
<html>
  <body>
    <textarea id="notebook" name="myText" placeholder="Welcome to the kougiland offline-note project! please type your text here..."></textarea>
    <script>
      var offLineNotes = document.querySelector('#notebook');  
      // place content from previous edit
      if (!offLineNotes.value) {
        offLineNotes.value = window.localStorage.getItem('value');
      }
       
      // your content will be saved locally
      offLineNotes.addEventListener('keyup', function () {
        window.localStorage.setItem('value', offLineNotes.value);
      }, false);

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