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:

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

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

Implementer den beskrevne glideren. Gjør slik at tekstene går i en sirkel.

Modifiser den forrige oppgaven slik at tekstene ikke går i en sirkel, men rett og slett ikke scroller videre etter å ha nådd den ytterste høyre eller venstre posisjonen.