Kiteuzi Maandishi Vilivyo na Mishale kwenye JavaScript

Hebu sasa tufanye kiteuzi maandishi vilivyo na mishale. Hii inamaanisha kuwa maandishi yatabadilika sio kwa timer, bali kwa kubonyeza mishale. Ongeza mishale kwenye msimbo wetu wa HTML:

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

Ujanja mkuu wa kutatua kiteuzi hiki ni kwamba kibadilishaji-kihesabu cha maandishi inapaswa kuwa ya kawaida kwa wasimamizi wa kubonyeza mishale yetu:

let i = 0; // kibadilishaji cha nje

left.addEventListener('click', function() {
	// punguza i kwa 1
	// uweke maandishi yenye nambari i
});
right.addEventListener('click', function() {
	// ongeza i kwa 1
	// uweke maandishi yenye nambari i
});

Na ujanja wa pili ni kwamba, wakati wa kupunguza i, na pia wakati wa kuongeza, huwezi kutoka kwenye nambari chini ya sifuri na zaidi ya kipengele cha mwisho cha safu.

Tekeleza kiteuzi kilichoelezewa. Fanya ili maandishi yazunguke kwa mduara.

Badilisha shida iliyotangulia ili maandishi yasizunguke kwa mduara, bali yasisongezwe zaidi kufikia nafasi ya mbali zaidi kulia au kushoto.