Slider teksti me shigjeta në JavaScript

Tani le të bëjmë një slider teksti me shigjeta. Kjo do të thotë që teksti do të ndryshojë jo nga një timer, por duke klikuar mbi shigjetat. Le të shtojmë shigjeta në kodin tonë HTML:

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

Hollësia kryesore e zgjidhjes së këtij slideri është se ndryshores-numërues i teksteve duhet të jetë e përbashkët për përpunuesit e klikimeve të shigjetave tona:

let i = 0; // ndryshore e jashtme

left.addEventListener('click', function() {
	// zvogëlo i me 1
	// dhe shfaq tekstin me numër i
});
right.addEventListener('click', function() {
	// rrit i me 1
	// dhe shfaq tekstin me numër i
});

Dhe hollësia e dytë është se si gjatë zvogëlimit i, ashtu edhe gjatë rritjes, nuk mund të dalësh në numra më të vegjël se zero dhe më të mëdhenj se elementi i fundit i array.

Implementoni sliderin e përshkruar. Bëni në mënyrë që tekstet të shkojnë në formë rrethi.

Modifikoni detyrën e mëparshme në mënyrë që tekstet të mos shkojnë në formë rrethi, por thjesht të mos rrëshqiten më tej pas arritjes së pozicionit ekstrem të djathtë ose majtë.