JSFiddle - React, Tailwind, and code Playground

by jasonwilczak

HTML

<html>
    
    <head>
        <script src="http://www.modernizr.com/downloads/modernizr-latest.js"></script>
    </head>
    
    <body>
<div><span>Push:</span><input type="text" id="textToPush"/><button id="btn">Push</button></div>
<div><span>Pulled:</span><span id="pulled"/></div>
        
        </body>

</html>

JavaScript

var AppStorage = (function ($) {
    var localStorageObject;
    
    function initialize() {
        if (Modernizr.localstorage) {
            alert('no support!');
            localStorageObject = {
                data: {},
                setItem: function(key, value) {
                    localStorageObject.data[key] = value;
                },
                getItem: function(key) {
                    if (localStorageObject.data.hasOwnProperty(key)) {
                        return localStorageObject.data[key];
                    }
                    return null;
                }
            };
        } else {
            alert('supported!');
            localStorageObject = window.localStorage;
        }
    }
    function storeData(key, value) {
        localStorageObject.setItem(key, value);
    }
    function getData(key) {
        return localStorageObject.getItem(key);
    }
    return {
        Initialize: initialize,
        StoreData: storeData,
        GetData: getData
    };
} (jQuery));


$(document).ready(function () {
    AppStorage.Initialize();
    $('#btn').click(function (){
        var value = $('#textToPush').val();
       AppStorage.StoreData('text',value);             $('#pulled').text(AppStorage.GetData('text'));
    });
});