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:
<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:
let 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.
Implementirajte opisani slider. Učinite tako da tekstovi kruže u krug.
Modifikujte prethodni zadatak tako da tekstovi ne kruže u krug, već se jednostavno ne okreću dalje po dostizanju krajnje desne ili leve pozicije.