JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<div></div>
<span></span>

CSS

div { padding: 20px; }
span { color: green; }

JavaScript

var html_box = document.querySelector('#panel_html .CodeMirror-code');
if (!html_box) { return false; }
var css_box = document.querySelector('#panel_css .CodeMirror-code');
var js_box = document.querySelector('#panel_js .CodeMirror-code');

window.onbeforeunload = function() {
	localStorage.setItem('panel_html', html_box.innerHTML);
  localStorage.setItem('panel_css', css_box.innerHTML);
  localStorage.setItem('panel_js', js_box.innerHTML);
};

console.log(localStorage.getItem('panel_html'));
console.log(localStorage.getItem('panel_css'));
console.log(localStorage.getItem('panel_js'));