JSFiddle - React, Tailwind, and code Playground

by graphettion

HTML

<button class="btn-set-storage">Set Storage</button>
<button class="btn-clear-storage">Clear Storage</button>

JavaScript

//Local Storage
//In Chrome Dev Tools: Application > Local Storage > https://fiddle.jshell.net

//1. Click Set Storage
//2. Run it
//3. Click Clear Storage
//4. Run it

//Get
document.body.innerHTML += '<p>' + localStorage.getItem('food') + '</p>'

//Set
document.querySelector('.btn-set-storage').addEventListener('click', function() {
  localStorage.setItem('food', 'pizza');
})

//Clear
document.querySelector('.btn-clear-storage').addEventListener('click', function() {
  localStorage.clear()
})