JSFiddle - React, Tailwind, and code Playground

by joshpauljohnson

HTML

<pre></pre>

JavaScript

window.localedge = window.localedge || {};
localedge.jellybean = {};
localedge.jellybean.service = {};
localedge.jellybean.util = {};

localedge.jellybean.util.Constants = {
    PROAD_FLAG: 7,
    VALIDATION_PASSED: "OK"
};

localedge.jellybean.service.FooService = function() {
    var firstFourLetters = "abcd";
    var getFirstFourLetters = function() {
        return firstFourLetters;
    };
    
    var printTenNumbers = function(el) {
        for (var i = 1; i < 11; i++) {
            $(el).append(i + "\n");
        }
    };
    
    return {
        getFirstFourLetters: getFirstFourLetters,
        printTenNumbers: printTenNumbers
    };
};

$(document).ready(function() {
    var fooService = new localedge.jellybean.service.FooService();
    $("pre").append(fooService.getFirstFourLetters() + "\n\n");
    fooService.printTenNumbers($("pre").get(0));
    
    var util = localedge.jellybean.util; // This does not pollute the global namespace
    $("pre").append("\nProAd Flag is: " + util.Constants.PROAD_FLAG);
});