[Сергей Ракипов]

let prev = document.querySelector(".btn_prev");
let next = document.querySelector(".btn_next");
let slides = document.querySelectorAll(".slides");
let dot = document.querySelectorAll(".dot");
let slideWraper = document.querySelector(".slider_wraper");

let index = 0;

let activeSlide = function(activ){
	for(let i=0; i<slides.length; i++){
		slides[i].classList.remove("active");
	}
	slides[activ].classList.add("active");
}
let activedots = function(activ){
	for(let i=0; i<dot.length; i++){
		dot[i].classList.remove("active");
	}
	dot[activ].classList.add("active");
}

let nextSlide = function(){
	if (index == slides.length - 1){
		index = 0;
		activeSlide(index);
		activedots(index);
	}
	else{
		index++;
		activeSlide(index);
		activedots(index);
	}
}
next.addEventListener("click", nextSlide);

let prevSlide = function(){
	if (index == 0){
		index = slides.length -1;
		activeSlide(index);
		activedots(index);
	}
	else{
		index--;
		activeSlide(index);
		activedots(index);
	}
}
prev.addEventListener("click", prevSlide);


dot.forEach( function (item, indexDot){
    item.addEventListener("click", function(){
        index = indexDot;
        activeSlide(index);
        activedots(index);
		clearInterval(interval);
    })
})

let interval = setInterval(nextSlide, 1000);

мне нужно прервать функцию nextSlide при клике

не могу сообразить как