Slider tekstu ze strzałkami w JavaScript

Stwórzmy teraz slider tekstu ze strzałkami. Oznacza to, że tekst będzie się zmieniał nie przez timer, ale po kliknięciu strzałki. Dodajmy strzałki do naszego kodu HTML:

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

Główna subtelność rozwiązania tego slidera polega na tym, że zmienna licznika tekstów musi być wspólna dla obsługi kliknięć naszych strzałek:

let i = 0; // zmienna zewnętrzna

left.addEventListener('click', function() {
	// zmniejszamy i o 1
	// i wyświetlamy tekst o numerze i
});
right.addEventListener('click', function() {
	// zwiększamy i o 1
	// i wyświetlamy tekst o numerze i
});

A druga subtelność polega na tym, że zarówno przy zmniejszaniu i, jak i przy zwiększaniu, nie można wyjść poza liczby mniejsze od zera i większe od ostatniego elementu tablicy.

Zaimplementuj opisany slider. Spraw, aby teksty przechodziły w kółko.

Zmodyfikuj poprzednie zadanie tak, aby teksty nie przechodziły w kółko, ale po prostu nie przewijały się dalej po osiągnięciu skrajnego prawego lub lewego położenia.