const inspecta = require('inspecta');

const button = document.getElementById('button');

/**
 * Event listener will be added on `button` element which will execute callback on click.
 *
 * Callback will be executed during a browser's idle period.
 */
inspecta.on(button, 'click', e => {
  console.log(`Event: ${e}`);
  console.log('Callback was executed');
});

// Removes event listener from specified element.
inspecta.remove('click', button);

// Same as `on` function above, but instead of `button` element it will add event listener on `document` element.
inspecta.every('click', e => {
  console.log(`Event: ${e}`);
  console.log('Callback was executed');
});

// If there's no specified element it will be removed from `document` element.
inspecta.remove('click');