Slider di testo con frecce in JavaScript

Ora creiamo uno slider di testo con frecce. Ciò significa che il testo cambierà non tramite un timer, ma cliccando su una freccia. Aggiungiamo le frecce al nostro codice HTML:

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

La principale sottigliezza nella realizzazione di questo slider è che la variabile contatore per i testi deve essere comune ai gestori di click delle nostre frecce:

let i = 0; // variabile esterna

left.addEventListener('click', function() {
	// decrementa i di 1
	// e mostra il testo con indice i
});
right.addEventListener('click', function() {
	// incrementa i di 1
	// e mostra il testo con indice i
});

E la seconda sottigliezza è che, sia durante il decremento i, sia durante l'incremento, non si può uscire da numeri minori di zero e maggiori dell'ultimo elemento dell'array.

Implementate lo slider descritto. Fate in modo che i testi scorrano in ciclo.

Modificate il problema precedente in modo che i testi non scorrano in ciclo, ma semplicemente non si scorrino oltre al raggiungimento della posizione più a destra o a sinistra.