JSFiddle - React, Tailwind, and code Playground

by qustosh

HTML

<div id="menu">
    <a id="show">show</a>
    <a id="add">add</a>
    <a id="remove">remove</a>
    <a id="modify">modify</a>
</div>
<div id="submenu">
    <a id="pracownicy">pracownicy</a>
    <a id="zadania">zadnia</a>
    <a id="podzadania">podzadania</a>
</div>
<div id="viewport">

</div>

JavaScript

//EVENTS
;(function(d){
    var cache = {};

    d.publish = function(/* String */topic, /* Array? */args){
        cache[topic] && d.each(cache[topic], function(){
            this.apply(d, args || []);
        });
    };

    d.subscribe = function(/* String */topic, /* Function */callback){
        if(!cache[topic]){
            cache[topic] = [];
        }
        cache[topic].push(callback);
        return [topic, callback]; // Array
    };

    d.unsubscribe = function(/* Array */handle){
        
        var t = handle[0];
        cache[t] && d.each(cache[t], function(idx){
            if(this == handle[1]){
                cache[t].splice(idx, 1);
            }
        });
    };

})(jQuery);

menu = $("#menu");
submenu = $("#submenu");
viewarea = $("#viewarea");

/*
menu.on("click","a",function(e){
    var a = "dog poo";
    
    submenu.on("click","a",function(e){
        console.log(a)
    })

})
*/


function b(){
    var qwe = "boo boo";
    var a = (function(qwe){
        return function(){
            console.log(qwe)
        }
    })(qwe);
    a();

    
}

b();