Текст слайдери ўқлар билан ЖаваСкриптда

Ҳозир текст слайдерини ўқлар билан қилайлик. Бу дегани, текст таймер билан эмас, балки ўқни босганда ўзгаради. 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 ни камайтирганда ҳам, оширганда ҳам, нолдан кичик ва массивнинг охирги элементидан катта рақамларга чиқиб кетолмайсиз.

Тавсифланган слайдерни амалга оширинг. Матнлар айланаб юриши учун қилинг.

Олдинги вазифани шундай модификация қилингки, матнлар айланаб юрмасин, балки энг ўнг ёки энг чап ҳолатга етганида оддий ҳолда ўғиролмасин.