Slider teksta sa strelicama na JavaScriptu

Hajde sada da napravimo slider teksta sa strelice. Ovo znači da će se tekst menjati ne po tajmeru, već klikom na strelicu. Dodajmo strelice u naš HTML kod:

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

Osnovna suptilnost rešenja ovog sliddera je u tome što promenljiva-brojač tekstova mora biti zajednička za rukovaoce klikova naših strelica:

javascriptlet i = 0; // spoljna promenljiva

left.addEventListener('click', function() {
  // smanjujemo i za 1
  // i prikazujemo tekst broj i
});
right.addEventListener('click', function() {
  // povećavamo i za 1
  // i prikazujemo tekst broj i
});

A druga suptilnost je u tome što, i pri smanjenju i, i pri povećanju, ne možemo izaći u brojeve manje od nule i veće od poslednjeg elementa niza.