function setupDots() {
    for (let i = 0; i < slides.length; i++) {
      const button = document.createElement('button');
      button.addEventListener('click', () => {
        currentIndex = i;
        dots.forEach(dot => {
          dot.classList.remove('current');
        });
        dots[currentIndex].classList.add('current');
        updateButtons();
        moveSlides();
      });

この updateButtons(); は何故必要なのでしょうか？
ここでは «と» の表示、非表示を設定していると認識しているのですが、 button になぜ必要なのかわかりません。