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

Ҳозир текст слайдерини ўқлар билан қилайлик. Бу дегани, текст таймер билан эмас, балки ўқни босганда ўзгаради. HTML кодга ўқларни қўшайлик:

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

Бу слайдерни ечимидаги асосий нюанс шундаки, матнлар ҳисобчиси ўзгарувчиси ўқларнинг клик ишловчилари учун умумий бўлиши керак:

javascriptlet i = 0; // ташқи ўзгарувчи

left.addEventListener('click', function() {
  // i ни 1 га камайтирамиз
  // ва i рақамли матнни чиқарамиз
});
right.addEventListener('click', function() {
  // i ни 1 га оширамиз
  // ва i рақамли матнни чиқарамиз
});

Иккинчи нюанс шундаки, i ни камайтирганда ҳам, оширганда ҳам, нолдан кичик ва массивнинг охирги элементидан катта рақамларга чиқиб кетолмайсиз.