Как закодить slider так, чтобы его можно было переиспользовать на одной html странице?

Написал на чистом js для практики один slider. Добавить его легко - для этого необходимо добавить класс slider на родителя ul(любой список, из которого мы хотим сделать слайдер). После находим .slider класс в js, и по нему уже создается все остальное. Ключевая проблема в том, что если я хочу добавить еще один .slider на одной странице, то последующие после первого не работают. Теоретически, можно накинуть цикл на список из slider-ов. Что я и сделал. Но будет ли это правильно? Или можно как то решить по другому. Ссылка на слайдер