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:

html<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:

javascriptlet 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.