なぜ currentIndex = 2 なのに左に画像が 1 枚分しか移動しないのですか?

画像の初期位置から考えて 2 つ分移動するためです。
2021年12月31日
ユーザー

いつも楽しく学習しています。
currentIndex = 0 のとき( a が表示されている状態)に、 next ボタンを押すと currentIndex++ により currentIndex = 1 となり ul が左に画像一枚分移動( b が表示される状態)になることはよく理解できます。
続いて next ボタンを押すとcurrentIndex = 2 となることで `translateX(${-1 * slideWidth * 2}px)`;となり ul が左に画像 2 枚分移動しませんか。よって c を飛び越えて白紙が表示されると思いました。
今後はこの状態から prev ボタンを押すと currentIndex-- より currentIndex=1 となることで `translateX(${-1 * slideWidth * 1}px)`; となって右に移動するどころか更に左へ画面 1 枚分移動すると思いました。
もし、let currentIndex = 0addEventListner のブロック内にあれば click の度に currentIndex が初期化するのでレッスンの挙動も理解できるのですが。
詳しく教えて頂けませんでしょうか。
よろしくお願い致します。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(7)