JSFiddle - React, Tailwind, and code Playground

by mischa

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
    <h1>Local storage test.</h1>
  </body>
</html>

JavaScript

$(document).ready(function() {
    $(window).bind("storage", handleStorage);
    function handleStorage(evt) {
        $("<p>").html("storage event  for " + evt.key).appendTo("body");
    }
    var arr = localStorage.getItem("my_key") || [];
    arr.push("123");
    arr.push("456");
    localStorage.setItem("my_key", arr); 
    $("<p>").html("Items in storage: " + localStorage.length).appendTo("body");   
    localStorage.clear(); 
});