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:
<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:
let 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.
Implementeer die beskryfde skyfier. Maak dit so dat die tekste in 'n sirkel loop.
Wysig die vorige taak sodat die tekste nie in 'n sirkel loop nie, maar eenvoudig nie verder rol by die bereiking van die uiterste regter of linker posisie nie.
