`JS` логика слайдера

JS логика слайдера.

После нажатия на indicator переменная "i" обнуляется, а должна продолжаться с того же места. Почему не работает как задумано?

Более подробно и на примере по ссылке на песочницу. Cмотреть в консоль на изменение "i"

let indicators = document.querySelector('.indicators');

let i = 0;
let interval = 1000;
let slidesCount = 5 // по умолчанию

function slider() {
  i = (i + 1 + slidesCount) % slidesCount;
  console.log(`next ${i}`);
}

setInterval(slider, interval);

indicators.addEventListener('click', function (element) {
  if (element.target) {
    let number = element.target.getAttribute('data-slide-to');
    if (i != number) {
      i = number
      console.log(`indicator ${i}`);
    }
  }
})