Tekstglider med piler på JavaScript

La oss nå lage en tekstglider med piler. Dette betyr at teksten vil endres ikke ved en timer, men ved å klikke på en pil. La oss legge til piler i HTML-koden vår:

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

Hovedfinessen med løsningen for denne glideren er at variabelen som teller tekstene må være felles for klikk-håndtererne til pilene våre:

javascriptlet i = 0; // ekstern variabel

left.addEventListener('click', function() {
  // reduserer i med 1
  // og viser tekst med nummer i
});
right.addEventListener('click', function() {
  // øker i med 1
  // og viser tekst med nummer i
});

Og den andre finessen er at både ved reduksjon i og ved økning, kan man ikke gå til tall mindre enn null og større enn det siste elementet i arrayet.