JSFiddle - React, Tailwind, and code Playground

HTML

<input id="inp" type="text" />
<button onclick=createEv()>produce event</button>

JavaScript

function myHandler(event){
  console.log('i am event');
	var et = event.target;
  if(et.nodeName === 'INPUT'){
    console.log(et.value);
  }
}

function createEv(){
  inp.dispatchEvent(new Event('change'));
  console.log('i am event producer');
}

document.body.addEventListener('change', myHandler);