Пишу по уроку, не знаю какой давности, слайдер на js и там используют data-order для маркировки слайдов, для дальнейших манипуляций. Код вроде написан правильно, при просмотре в браузере никаких изменений нет, ни ошибок, ни результата.
<div class="container">
<div class="slider">
<div class="slider__container">
<div class="slide"> <img src="" alt=""> </div>
<div class="slide"> <img src="" alt=""> </div>
<div class="slide"> <img src="" alt=""> </div>
</div>
<a href="" class="buttom action-prev"></a>
<a href="" class="buttom action-next"></a>
</div>
</div>
const slider = document.querySelector('.slider')
const container = document.querySelector('.slider__containe')
const slides = document.querySelectorAll('.slide')
const buttom = document.querySelectorAll('.buttom')
init();
function init() {
for (let i = 0; i < slides.lenght; i++) {
const slide = slides[i];
slide.dataset.order = i;
}
}
