JSFiddle - React, Tailwind, and code Playground

by shurikation

HTML

<h1 id="kek">Привет из кода!</h1>

JavaScript

const $elem = document.getElementById('elem');

// ловим на document...
  document.addEventListener("hello", function(event) { // (1)
    alert("Привет от " + event.target.tagName); // Привет от H1
  });

  // ...запуск события на элементе!
  let event = new Event("hello", 
  {bubbles: true}
  ); // (2)
  kek.dispatchEvent(event);
  console.log(kek);

  // обработчик на document сработает и выведет сообщение.