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 арттыру кезінде де, нөлден кіші сандарға және массивтің соңғы элементінен үлкен сандарға шығуға болмайды.

Сипатталған слайдерді жүзеге асырыңыз. Мәтіндердің шеңбер бойынша айналып тұруын жасаңыз.

Алдыңғы тапсырманы өзгертіңіз, сонда мәтіндер шеңбер бойынша айналмай, ең шеткі оң немесе сол жаққа жеткенде одан әрі айналмайтын болсын.