PUBLICTRY

 <script>

let index = 0;

const slides = document.querySelectorAll(".slide");

const total = slides.length;

function showSlide(i) {

  slides.forEach(slide => slide.classList.remove("active"));

  slides[i].classList.add("active");

}

document.querySelector(".next").onclick = () => {

  index = (index + 1) % total;

  showSlide(index);

};

document.querySelector(".prev").onclick = () => {

  index = (index - 1 + total) % total;

  showSlide(index);

};

/* Auto Slide */

setInterval(() => {

  index = (index + 1) % total;

  showSlide(index);

}, 3000);

</script>