JSFiddle - React, Tailwind, and code Playground

JavaScript

document.addEventListener("my_event", function(e) {
  console.log(e.detail);
});

var detail = 'Event fired';

try {

	// For modern browsers except IE:
	var event = new CustomEvent('my_event', {detail:detail});
  
} catch(err) {
  
  // If IE 11 (or 10 or 9...?) do it this way:

	// Create the event.
	var event = document.createEvent('Event');
	// Define that the event name is 'build'.
	event.initEvent('my_event', true, true);
  event.detail = detail;

}

// Dispatch/Trigger/Fire the event
document.dispatchEvent(event);