Textový slider so šípkami v JavaScripte

Teraz urobme textový slider so šípkami. To znamená, že text sa bude meniť nie podľa časovača, ale kliknutím na šípku. Pridajme šípky do nášho HTML kódu:

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

Hlavná zložitosť riešenia tohto slidera spočíva v tom, že premenná-čitač textov musí byť spoločná pre obslužné rutiny kliknutí našich šípok:

let i = 0; // externá premenná

left.addEventListener('click', function() {
	// znížime i o 1
	// a vypíšeme text s číslom i
});
right.addEventListener('click', function() {
	// zvýšime i o 1
	// a vypíšeme text s číslom i
});

A druhá zložitosť spočíva v tom, že ako pri znižovaní i, tak aj pri zvyšovaní, nemôžeme ísť do čísel menších ako nula a väčších ako posledný prvok pola.

Realizujte popísaný slider. Urobte to tak, aby texty prechádzali v kruhu.

Upravte predchádzajúcu úlohu tak, aby texty neprechádzali v kruhu, ale jednoducho sa neposúvali ďalej po dosiahnutí krajnej pravej alebo ľavej pozície.