Przełączanie slajdu w tył z zapętleniem
Treść zadania
W karuzeli zdefiniowano tablicę:const obrazy = ["slajd1.jpg", "slajd2.jpg", "slajd3.jpg"];
let i = 0;
W dokumencie znajduje się <img id="widokKaruzeli" src="slajd1.jpg" alt="Slajd"> oraz przycisk <button id="btnWstecz">Wstecz</button>.
Po kliknięciu przycisku zmniejsz i--. Jeśli i < 0, ustaw i = obrazy.length - 1. Przypisz obrazy[i] do właściwości src obrazka.
Co będzie oceniane
- Dekrementacja zmiennej indeksu.
- Prawidłowe zapętlenie do ostatniego slajdu przy i < 0.
- Ustawienie src na slajd3.jpg po kliknięciu wstecz na pierwszym slajdzie.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Kliknięcie Wstecz na pierwszym slajdzie przeskakuje na ostatni — atrybut #widokKaruzeli = slajd3.jpg
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
const obrazy = ["slajd1.jpg", "slajd2.jpg", "slajd3.jpg"];
let i = 0;
// Przełączaj slajdy w tył z zapętleniem po kliknięciu #btnWstecz
Wskazówki
Wskazówka 1
Przewijanie w tył od początku galerii powinno przenosić widok na sam jej koniec.
Wskazówka 2
Zmniejsz zmienną indeksu o jeden, sprawdź warunek ujemnej wartości i jeśli jest spełniony, przypisz indeks ostatniego elementu (długość tablicy pomniejszona o jeden), po czym zaktualizuj źródło obrazu.