Teksti slider nooltega JavaScriptis

Teeme nüüd teksti slideri nooltega. See tähendab, et tekst muutub mitte taimeri järgi, vaid noolele vajutades. Lisame oma HTML koodi nooled:

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

Selle slideri lahenduse peamine peensus on selles, et tekstide loenduri muutuja peab olema ühine meie noolte klikihendajatele:

let i = 0; // väline muutuja

left.addEventListener('click', function() {
	// vähendame i-d 1 võrra
	// ja väljastame teksti numbriga i
});
right.addEventListener('click', function() {
	// suurendame i-d 1 võrra
	// ja väljastame teksti numbriga i
});

Ja teine peensus on selles, et nii i vähendamisel kui ka suurendamisel ei saa minna väljapoole numbreid, mis on väiksemad kui null ja suuremad kui massiivi viimane element.

Realiseerige kirjeldatud slider. Tehke nii, et tekstid käiksid ringi.

Modifitseerige eelnevat ülesannet nii, et tekstid ei käi ringi, vaid lihtsalt ei keriks edasi pärast äärmise parema või vasaku positsiooni saavutamist.