Creates and loads a single image

load-image.js

/**
 * Creates and loads a single image
 * @param {Object} attrs - Image element attributes
 * @returns {Promise} {elm: img}
 * @example
 * loadImage({ src: 'foo.jpg', alt: 'foo' })
 * .then(obj => console.log(obj.elem));
 */
export function loadImage(attrs) {

  const p = new Promise( (resolve, reject) => {

    const img = document.createElement('img');

    // Resolve on load
    img.addEventListener('load', () => resolve({elem: img}));
    // Reject on error
    img.addEventListener('error', () => reject({elem: img, error: true}));

    // Set passed attrs
    for (const attr in attrs) {
      if (attr) {
        img.setAttribute(attr, attrs[attr]);
      }
    }
  });

  return p;
}