Textový slider so šípkami v JavaScripte

Teraz urobme textový slider so šípkami. To znamená, že text sa bude meniť nie podľa časovača, ale kliknutím na šípku. Pridajme šípky do nášho HTML kódu:

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

Hlavná zložitosť riešenia tohto slidera spočíva v tom, že premenná-čitač textov musí byť spoločná pre obslužné rutiny kliknutí našich šípok:

javascriptlet i = 0; // externá premenná

left.addEventListener('click', function() {
  // znížime i o 1
  // a vypíšeme text s číslom i
});
right.addEventListener('click', function() {
  // zvýšime i o 1
  // a vypíšeme text s číslom i
});

A druhá zložitosť spočíva v tom, že ako pri znižovaní i, tak aj pri zvyšovaní, nemôžeme ísť do čísel menších ako nula a väčších ako posledný prvok pola.