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

Question

[Gidroce]

Приветствую! Есть вот такой код js слайдера https://codepen.io/i-did/pen/yLYRvVL Таких слайдеров на странице должно быть несколько, как можно продублировать их, чтобы они нормально работали?

Answer 1

[Alex]

Изолируйте весь код в какой-либо контекст. Далее, в этот контекст передавайте контейнер слайдера. А в самом коде выполняйте поиск элементов-контролов не глобально по документу, а только в пределах переданного контейнера.
Что-то в таком духе:

function makeSlider(slider) {
  ...
}

document.querySelectorAll('.slider').forEach(makeSlider)