Skrypt 13: Prosta karuzela/slider obrazków

Kod (JavaScript)

<div class="karuzela">
    <img id="obrazekKaruzeli" src="plakat1.jpg">
    <button id="poprzedni">Poprzedni</button>
    <button id="nastepny">Następny</button>
</div>

<script>
    const obrazki = ["plakat1.jpg", "plakat2.jpg", "plakat3.jpg"];
    let aktualnyIndeks = ;
    const obrazekKaruzeli = document.getElementById("obrazekKaruzeli");

    document.getElementById("nastepny").addEventListener("click", function () {
        aktualnyIndeks = (aktualnyIndeks + 1) % obrazki.length; // "zawija się" po ostatnim
        obrazekKaruzeli.src = obrazki[aktualnyIndeks];
    });

    document.getElementById("poprzedni").addEventListener("click", function () {
        aktualnyIndeks = (aktualnyIndeks - 1 + obrazki.length) % obrazki.length;
        obrazekKaruzeli.src = obrazki[aktualnyIndeks];
    });
</script>