JSFiddle - React, Tailwind, and code Playground

by stevenkaspar

HTML

<script>
  document.addEventListener('DOMContentLoaded', function(event) {
    document.addEventListener('agentID', function(event) {
      console.log(event.detail);
    });
  });

</script>

JavaScript

(function() {
  function CustomEvent(event, params) {
    params = params || {
      bubbles: false,
      cancelable: false,
      detail: undefined
    };
    var evt = document.createEvent('CustomEvent');
    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
    return evt;
  };

  CustomEvent.prototype = window.Event.prototype;
  window.CustomEvent = CustomEvent;
})();

var event = new CustomEvent('agentID', {
  'detail': 21234
});
document.dispatchEvent(event);