Teksskyfier met pyltjies op JavaScript

Laat ons nou 'n teksskyfier met pyltjies maak. Dit beteken dat die teks sal verander nie volgens 'n timer nie, maar deur op 'n pyltjie te klik. Laat ons pyltjies by ons HTML-kode voeg:

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

Die hoof fynheid van die oplossing van hierdie skyfier is dat die veranderlike-teller van tekste gemeenskaplik moet wees vir die gebeurtenishanteerders van ons pyltjies:

javascriptlet i = 0; // eksterne veranderlike

left.addEventListener('click', function() {
  // verminder i met 1
  // en vertoon die teks met nommer i
});
right.addEventListener('click', function() {
  // vermeerder i met 1
  // en vertoon die teks met nommer i
});

En die tweede fynheid is dat, beide tydens vermindering i en vermeerdering, jy nie in getalle minder as nul en meer as die laaste element van die skikking kan uitkom nie.