JavaScript-те стрелкалары бар мәтін слайдері

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