JSFiddle - React, Tailwind, and code Playground

by Gustavo

HTML

<h3>Simple localStorage wrapper to save objects</h3>
<br/>
<div>
    Counter: <span id="counter"></span>
</div>
<br/>
<span>Hint: click RUN button to see counter increment</span>

JavaScript

var Storage = {
    set: function(key, value) {
        localStorage[key] = JSON.stringify(value);
    },
    get: function(key) {
        return localStorage[key] ? JSON.parse(localStorage[key]) : null;
    }
};

$(function() {
    var defaultValue = {param1: 'value',counter: 0 },
        myObj = Storage.get('myObj') || defaultValue;

    $('#counter').html( myObj.counter);
    myObj.counter+=1;
    Storage.set('myObj', myObj);
});