DOM shortcut utils

utils.js

export const $ = selectors => document.querySelector(selectors);

export const $$ = selectors => document.querySelectorAll(selectors);

// on(div, 'click touch', () => {});
export const on = (target, eventNames, handler, options) => {
  const eventNamesList = eventNames.split(' ');

  eventNamesList.forEach(eventName => {
    target.addEventListener(eventName, handler, options);
  });

  return () => {
    eventNamesList.forEach(eventName => {
      target.removeEventListener(eventName, handler, options);
    });
  };
};