Create a YEH instance with click event handlers for save and delete buttons.

HTML

<div id="app">
  <button data-click="save">Save</button>
  <button data-click="delete">Delete</button>
</div>

JavaScript

import { YEH } from 'https://cdn.jsdelivr.net/npm/@yaijs/core@1.1.2/yeh/yeh.min.js';

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

  handleClick(event, target, container) {
    const action = target.dataset[event.type]; // require click data-attribute
    if (action && this[action]) this[action](target, event, container);
  }

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

new MyHandler(); // Adding click listeners done. Forever. In this session.