Slider tekstu ze strzałkami w JavaScript

Stwórzmy teraz slider tekstu ze strzałkami. Oznacza to, że tekst będzie się zmieniał nie przez timer, ale po kliknięciu strzałki. Dodajmy strzałki do naszego kodu HTML:

html<a href="" id="left">←</a>
<a href="" id="right">→</a>
<div id="slider"></div>

Główna subtelność rozwiązania tego slidera polega na tym, że zmienna licznika tekstów musi być wspólna dla obsługi kliknięć naszych strzałek:

javascriptlet i = 0; // zmienna zewnętrzna

left.addEventListener('click', function() {
  // zmniejszamy i o 1
  // i wyświetlamy tekst o numerze i
});
right.addEventListener('click', function() {
  // zwiększamy i o 1
  // i wyświetlamy tekst o numerze i
});

A druga subtelność polega na tym, że zarówno przy zmniejszaniu i, jak i przy zwiększaniu, nie można wyjść poza liczby mniejsze od zera i większe od ostatniego elementu tablicy.