JSFiddle - React, Tailwind, and code Playground

by mrmartineau

HTML

<input id="myButton" type="button" value="Fire testEvent!"></input>

<div id="notifier1" class="subscribers-testEvent">
</div>

<div id="notifier2" class="subscribers-testEvent">
</div>

JavaScript

$(document).on('testEvent', function(e, eventInfo) { 
    subscribers = $('.subscribers-testEvent');
    subscribers.trigger('testEventHandler', [eventInfo]);
});

$('#myButton').on('click', function() {
    $(document).trigger('testEvent', [1011]);
});

$('#notifier1').on('testEventHandler', function(e, eventInfo) { 
    alert('(notifier1)The value of eventInfo is: ' + eventInfo);
});

$('#notifier2').on('testEventHandler', function(e, eventInfo) { 
    alert('(notifier2)The value of eventInfo is: ' + eventInfo);
});