Слајдер текста са стрелицама на JavaScript

Хајде сада да направимо слајдер текста са стрелицама. То значи да ће се текст мењати не по тајмеру, већ кликом на стрелицу. Додајмо стрелице у наш HTML код:

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

Основна финесa решења овог слајдера је у томе што променљива-бројач текстова мора бити заједничка за руковаоце кликова наших стрелица:

let i = 0; // спољна променљива

left.addEventListener('click', function() {
	// смањујемо i за 1
	// и приказујемо текст са бројем i
});
right.addEventListener('click', function() {
	// повећавамо i за 1
	// и приказујемо текст са бројем i
});

А друга финеса је у томе што, како при смањењу i, тако и при повећању, не сме се изаћи у бројеве мање од нуле и веће од последњег елемента низа.

Имплементирајте описани слајдер. Направите тако да текстови иду у круг.

Модификујте претходни задатак тако да текстови не иду у круг, већ да се једноставно не прокрућују даље по достизању крајње десне или леве позиције.