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:

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

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