JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="classA one">A</div>
<div class="classB two">B</div>
<div class="classC three">C</div>

JavaScript

let opClsEvt = {
  cls: {
    classA: () => console.log(0),
    classB: () => console.log(1),
    classC: () => console.log(2),
  },
  events: {
    click: e => Object.keys(opClsEvt.cls).forEach(c => {
      if (e.target.classList.contains(c)) {
        opClsEvt.cls[c]();
      }
    }),
  },
};
 
window.addEventListener(`click`, opClsEvt.events.click);