Tekstų slankiklis su rodyklėmis JavaScript

Dabar sukurkime tekstų slankiklį su rodyklėmis. Tai reiškia, kad tekstas keisis ne pagal laikmatį, o paspaudus ant rodyklės. Pridėkime rodykles į mūsų HTML kodą:

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

Pagrindinis šio slankiklio sprendimo subtilumas yra tas, kad teksto skaitiklio kintamasis turi būti bendras mūsų rodyklių paspaudimo apdorotojams:

javascriptlet i = 0; // išorinis kintamasis

left.addEventListener('click', function() {
  // sumažiname i vienetu
  // ir išvedame tekstą su numeriu i
});
right.addEventListener('click', function() {
  // padidiname i vienetu
  // ir išvedame tekstą su numeriu i
});

O antrasis subtilumas yra tas, kad tiek mažinant i, tiek didinant, negalima išeiti į skaičius mažesnius už nulį ir didesnius už paskutinį masyvo elementą.