// I ACTUALLY DONT FULLY UNDESTAND WHY IT DOESNT WORK WITHOUT THIS FIRST HALF, IT SHOULD THOUGH
let windowWidth = window.innerWidth;
const offer = document.querySelector("#offer");

window.onload = (e) => {
  if (windowWidth >= 1200) {
    offer.src = "UTILITIES/IMGS/offer-banner.jpg";
  } else if (windowWidth < 1200) {
    offer.src = "UTILITIES/IMGS/offer-banner1.jpg";
  }
};

// EXAMPLE FROM SISTERS WEBSITE; CHANGING THE OFFER BANNER ACCORRDING TO VIEWPORT WIDTH
window.onresize = (e) => {
  windowWidth = window.innerWidth;
  console.log(windowWidth);
  if (windowWidth >= 1200) {
    offer.src = "UTILITIES/IMGS/offer-banner.jpg";
  } else if (windowWidth < 1200) {
    offer.src = "UTILITIES/IMGS/offer-banner1.jpg";
  }
}