YEH ESM Demo

HTML

<!-- YEH -->
<div id="app">
  <button data-action="save">Save</button>
  <button data-action="delete">Delete</button>
</div>
<hr />
<p><small><a href="https://github.com/yaijs/yeh">YEH on GitHub</a></small></p>

JavaScript

import YEH from 'https://cdn.jsdelivr.net/npm/@yaijs/yeh@1.0.4/+esm'

class MyHandler extends YEH {
  constructor() {
    super({ '#app': ['click'] }); // Falls back to handleClick() = "handle + click"
  }

  handleClick(event, target, container) {
    const action = target.dataset.action;
    if (action && this[action]) this[action](target, event, container);
  }

  save(target)   { console.log('Saving...'); }
  delete(target) { console.log('Deleting...'); }
}

new MyHandler(); // Adding listeners Done