JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p>123</p>
</div>

JavaScript

function on(node, event, className, cb) {
	node.addEventListener(event, (e) => {
  	if (!e.target.classList.contains(className)) {
    	return false
    }
    cb(e)
  })
}

const div = document.querySelector('div')

on(div, 'click', 'test', e => {
  alert(e.target.innerHTML)
})

const test = document.createElement('test')
test.classList.add('test')
test.innerHTML = 'TEST'
div.appendChild(test)