swap-header-img.js

let swapHeaderImage = (() => {
  const hero = document.querySelector('.hero');
  let current = 1;
  let next = 2;

  function init() {
    hero.classList.remove(Array.from(hero.classList).pop());
    hero.classList.add(`artist-banner-${current}`);
  }

  function jump(num) {
    hero.classList.remove(Array.from(hero.classList).pop());
    hero.classList.add(`artist-banner-${num}`);
    current = num;
    next = num++;
  }

  function increment() {
    hero.classList.remove(`artist-banner-${current}`);
    hero.classList.add(`artist-banner-${next}`);
    current = next;
    next++;
  }

  function decrement() {
    let previous = current - 1;
    hero.classList.remove(`artist-banner-${current}`);
    hero.classList.add(`artist-banner-${previous}`);
    current = previous;
    previous--
  }

  return {init, jump, increment, decrement};
  
})();