Тренируюсь писать код самостоятельно, чтобы закрепить знания. Написал, хоть и корявый, но собственный slider:
slider на github-e
Все что нужно сделать, чтобы заработал мой slider , это повесить на wrapper класс slider
<div class="slider">
<ul>
<li>Aboba</li>
</ul>
</div>
Для одного ul slider работает правильно. Но мне на сайте, к примеру, нужно несколько таких slider-ов. Но на второй и тд уже не не работает js код, так как slider я беру из html так: document.querySelector('.slider') то есть, в единственном экземпляре. Да, я могу взять конечно список этих слайдеров с помощью document.querySelectorAll, но тогда придется в коде на каждый вызов slider-а прописывать цикл... В общем, я не до конца понимаю, как сделать мой код так, чтобы он работал на все slider-ы на сайте, а не только на первый.