Uncaught TypeError: prevButton is null

const slides = document.querySelectorAll('.slide');
const intervalTime = 5000;
let slideInterval;

const nextSlide = () => {
  // Get the current active slide
  const currentSlide = document.querySelector('.slide.active');
  // Remove the active class from the current slide
  currentSlide.classList.remove('active');
  // Check if there is a next slide
  if (currentSlide.nextElementSibling) {
    // If there is, add the active class to the next slide
    currentSlide.nextElementSibling.classList.add('active');
  } else {
    // If there isn't, add the active class to the first slide
    slides[0].classList.add('active');
  }
}

// Set up the slide interval
slideInterval = setInterval(nextSlide, intervalTime);

// Add event listeners to handle user interaction
const prevButton = document.querySelector('#prev');
const nextButton = document.querySelector('#next');

prevButton.addEventListener('click', () => {
  clearInterval(slideInterval);
  const currentSlide = document.querySelector('.slide.active');
  currentSlide.classList.remove('active');
  if (currentSlide.previousElementSibling) {
    currentSlide.previousElementSibling.classList.add('active');
  } else {
    slides[slides.length - 1].classList.add('active');
  }
  slideInterval = setInterval(nextSlide, intervalTime);
});

nextButton.addEventListener('click', () => {
  clearInterval(slideInterval);
  nextSlide();
  slideInterval = setInterval(nextSlide, intervalTime);
});