お世話になります。

添付した画像の、currentIndex = i ですが、この i は for の中で宣言している i の事でしょうか？

for の中の i は、dots の配列を ["button", "button", "button"] とする為と、
nav タグの子要素に、ボタンタグを 3 つ入れる為だと思うのですが、

なぜその i を、currentIndex = i で代入して、ボタンをクリックした際にスライドするのかが、分かりません。

setupDots( ) の挙動を詳しく知りたいです。
申し訳ございません。宜しくお願い致します。