JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<h1>localStorage Memopad</h1>
<textarea rows="10" cols="60" id="memo" placeholder="your pretty text goes here"></textarea>
<br/>
<input type="button" value="Save" onclick="save();" /><input type="button" value="Clear" onclick="clearData();" />

CSS

textarea { font-family: 'monospace', serif; }

JavaScript

function clearData() {
  document.getElementById('memo').value = '';
  window.localStorage.memo = '';
}

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

window.addEventListener('load',function(e) {
  if( window.localStorage.memo ) {
    document.getElementById('memo').value = window.localStorage.memo; 
  }
  
  //Autosave every 10sec
  setInterval("save()",10000);
});