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

Реализуйте описанный слайдер. Сделайте так, чтобы тексты ходили по кругу.

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

← →
↑
en ru