Drsnik besedila s puščicami v JavaScript

Zdaj naredimo drsnik besedila s puščicami. To pomeni, da se bo besedilo spreminjalo ne s časovnikom, ampak s klikom na puščico. Dodajmo puščice v našo HTML kodo:

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

Glavna posebnost rešitve tega drsnika je v tem, da mora biti spremenljivka-števec besedil skupna za obdelovalnike klikov naših puščic:

let i = 0; // zunanja spremenljivka

left.addEventListener('click', function() {
	// zmanjšamo i za 1
	// in izpišemo besedilo s številko i
});
right.addEventListener('click', function() {
	// povečamo i za 1
	// in izpišemo besedilo s številko i
});

In druga posebnost je v tem, da tako pri zmanjševanju i kot pri povečevanju, ne smemo preseči števil manjših od nič in večjih od zadnjega elementa tabele.

Implementirajte opisani drsnik. Naredite tako, da besedila krožijo.

Spremenite prejšnjo nalogo tako, da besedila ne krožijo, ampak se preprosto ne vrtijo dlje, ko dosežejo skrajno desno ali levo pozicijo.