JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<ol id="res"></ol>

JavaScript

/* app.js */

// in global scope:    
var MyApp = (function(app) {
    var res = document.getElementById('res');

    app.log = function(line) {
        var li = document.createElement('li');
        li.innerHTML = line;
        res.appendChild(li);
    };

    app.doWork = function() {
        app.log('doing a work');
    };

    return app;
})(MyApp || {});

/* my-app-module.js */

// again in global scope: 
var MyApp = (function(app) {

    app.myModule = app.myModule || {};

    app.myModule.doWork = function () {
        app.log('my module is doing a work');
    };

    return app;
})(MyApp || {});

/* somewhere after previous definitions: */

(function() {
    MyApp.doWork();
    MyApp.myModule.doWork();
})();