вопросы пишите мне в телеграмм +375298176892
можно скачать офлайн версию сайта: code.mu old.code.mu

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

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

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