Слайдер тэксту са стрэлкамі на 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, так і пры павелічэнні, нельга выйсці у лікі менш за нуль і больш за апошні элемент масіва.

Рэалізуйце апісаны слайдер. Зрабіце так, каб тэксты хадзілі па кругу.

Мадыфікуйце папярэднюю задачу так, каб тэксты не хадзілі па кругу, а проста не пракручваліся далей па дасягненні крайняга правага ці левага становішча.