JSFiddle - React, Tailwind, and code Playground

by chacha69

JavaScript

var mediator = $({});    // <- allows it to use 'on' and 'trigger'

var obj1 = {
    start: function(){
        mediator.on('go', function(){
            alert('Obj1 started');
        });
    },
    
    send: function(){
        mediator.trigger('message', {
            name: 'Neo'
        });
    }
}

var obj2 = {
    start: function(){
        mediator.on('go', function(){
            alert('Obj2 started');
        });
    },
    
    respond: function(){
        mediator.on('message', function(e, params){
            alert(params.name);
        });
    }
}

var App = {
    init: function(){
        obj1.start();
        obj2.start();
        mediator.trigger('go');
        obj2.respond();
        obj1.send();
    }
}

App.init();