Текстуален слајдер со стрелки на JavaScript

Ајде сега да направиме текстуален слајдер со стрелки. Ова значи дека текстот ќе се менува не по тајмер, туку со кликнување на стрелката. Да ги додадеме стрелките во нашиот HTML код:

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

Главната финост на решението на овој слајдер е во тоа што променливата-бројач на текстовите мора да е заедничка за обработувачите на кликови на нашите стрелки:

let i = 0; // надворешна променлива

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

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

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

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