スライドショーが１周したあと止まってしまいます

Question

現在JavaScriptでスライドショーを作成しているのですが、なぜか１周目で止まってしまいます。

以下コード
HTML

    <div class="slideshow">
        <div>
            <img  alt="読込中" id="mainImage">
        </div>
        <nav>
            <ul>
                <li id="next">&gt;</li>
            </ul>
        </nav>
    </div>

JavaScript

    const images = [
        'img/sample1.jpg',
        'img/sample2.jpg',
        'img/sample3.jpg',
        'img/sample4.jpg',
        'img/sample5.jpg',
    ]

    let currentIndex = 0;

    const mainImage = document.getElementById('mainImage');
    mainImage.src = images[currentIndex];

    const next = document.getElementById('next');
    next.addEventListener('click', () => {
        let target = currentIndex++;
        if (target === images.length) {   
            target = 0;
        }
        mainImage.src = images[target];
    });

上記コード中のこの部分↓でクリックイベントが起きるとcurrentIndexが１ずつ増え、if文によって画像の順番が初期化されるはずなのですが・・・

　　　　　let target = currentIndex++;
        if (target === images.length)
            target = 0;

どうかご教授お願いいたします。

Answer 1

これだとtargetは0にしてますがcurrentIndexは増え続ける処理になってると思います。

Comments

[samepanda]

ご回答ありがとうございます。
確かにcurrentIndex自体を初期化しているわけではなかったです。

Answer 2

currentIndexがずっとインクリメントされ続けていて、そのcurrentIndexがtargetに代入されているので、増え続けてます。

let target = currentIndex++;
console.log(target);

最初に戻すだけならtarget不要ではないでしょうか。

        currentIndex++;
        if (currentIndex === images.length) {   
            currentIndex = 0;
        }
        mainImage.src = images[currentIndex];

Comments

[samepanda]

ご回答ありがとうございます。
確かによく見返すと、targetがただ単に０に再代入されているだけでした。
初学者ゆえ簡単なミスに気づかず質問してしまいましたが、丁寧な御解答ありがとうございました。

[m.ts10806]

回答の１つ目のコードのようにconsole.log()などで変数や分岐を確認していく癖をつけていくと良いと思います。
「デバッグ」といって、これを的確にできるかどうかで自己解決能力と成長の度合いが違ってきます。