⊗jsPrSlTWA 38 of 62 menu

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.

Srpski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Koristimo kolačiće za rad sajta, analitiku i personalizaciju. Obrada podataka se vrši u skladu sa Politikom privatnosti.
prihvati sve podesi odbij