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ą:

<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:

let 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ą.

Įgyvendinkite aprašytą slankiklį. Padarykite taip, kad tekstai judėtų ratu.

Modifikuokite ankstesnį uždavinį taip, kad tekstai nejudėtų ratu, o tiesiog nesukti toliau pasiekus kraštutinę dešinę ar kairę padėtį.