JSFiddle - React, Tailwind, and code Playground

by amir_ch

JavaScript

var myCustomEvent = new CustomEvent(
   "newMessage",
   {
      detail: {
         message: "Hello World!",
         time: new Date(),
      },
      bubbles: true,
      cancelable: true
   }
);
document.addEventListener("newMessage", newMessageHandler, false);

function newMessageHandler(e) {
	alert(
		"Event subscriber on "+e.currentTarget.nodeName+", "
		+e.detail.time.toLocaleString()+": "+e.detail.message
	);
}

document.dispatchEvent(myCustomEvent);