Слајдер текста са стрелицама на JavaScript

Хајде сада да направимо слајдер текста са стрелицама. То значи да ће се текст мењати не по тајмеру, већ кликом на стрелицу. Додајмо стрелице у наш HTML код:

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

Основна финесa решења овог слајдера је у томе што променљива-бројач текстова мора бити заједничка за руковаоце кликова наших стрелица:

javascriptlet i = 0; // спољна променљива

left.addEventListener('click', function() {
  // смањујемо i за 1
  // и приказујемо текст са бројем i
});
right.addEventListener('click', function() {
  // повећавамо i за 1
  // и приказујемо текст са бројем i
});

А друга финеса је у томе што, како при смањењу i, тако и при повећању, не сме се изаћи у бројеве мање од нуле и веће од последњег елемента низа.