Как добавить класс к пагинации после просмотра слайда?

Чтобы добавить класс к пагинации после просмотра слайда в JavaScript, вы можете использовать следующий подход:

1. Начните с создания переменной, которая будет содержать ссылку на элемент пагинации. Например, предположим, что ваша пагинация имеет класс "pagination" и находится внутри элемента с классом "slider". Вы можете получить ссылку на пагинацию следующим образом:

const pagination = document.querySelector('.slider .pagination');

2. Далее, вам необходимо добавить обработчик события для слайдера. Представим, что ваш слайдер имеет класс "slider" и использует библиотеку для создания слайдов, например, Swiper.js. В этом случае, вы можете добавить обработчик для события "slideChange", который будет вызван при изменении слайда:

const slider = new Swiper('.slider', {
  // конфигурация слайдера
});

slider.on('slideChange', function() {
  // код, который будет выполняться при изменении слайда
});

3. Внутри обработчика события, вы можете добавить класс к пагинации. Например, вы можете использовать метод classList.add() для добавления класса "active" к пагинации:

slider.on('slideChange', function() {
  pagination.classList.add('active');
});

Теперь, когда слайд изменится, класс "active" будет добавлен к элементу пагинации. Вы можете использовать этот класс для стилизации активного элемента пагинации.

Обратите внимание, что в представленном примере используется библиотека Swiper.js для создания слайдера, но вы можете адаптировать код для любой другой библиотеки или собственной реализации слайдера.