Здравствуйте. я начинаю изучать JavaScript и решил сделать карусель.В итоге получилось сделать прокрутку, но почему она работает только один раз?

Question

[dedd]

Я вроде бы понял, что это из-за того, что JS добавляет каждый раз один и тот же стиль, но не понимаю что с этим делать https://codepen.io/Dedxxl/pen/BaVKvLP
const leftBtn = document.querySelector('.left-slide')
const rightBtn = document.querySelector('.right-slide')
const slides = document.querySelectorAll('.models')
let rightScroll

rightBtn.onclick = function rightCarousel(target) {
for(const slide of slides) {
target = slide
target.style.transform = 'translateX(-527.2px)'
}
}

Comments

[Антон Литвиненко]

без кода вам никто ничего не скажет

[Noder SS]

Без кода вам никто не поможет.

[Антон]

Без кода вам сейчас напожелают

[Сергей delphinpro]

Без кода вам не смогут помочь

[Дмитрий Кузнецов]

Без кода вам будут писать в комментариях "Без кода вам не помогут" и т.п. =)

[VolgaVolga]

Ассоциация здоровающихся в заголовке, при поддержке которой опубликован вопрос, пополняется новыми членами.

[Froggyweb]

Я вроде бы понял, что это из-за того, что JS добавляет каждый раз один и тот же стиль, но не понимаю что с этим делать

а что скрипт должен еще делать если указано сместить на -527.2px ?

[dedd]

Froggyweb, при втором нажатии еще раз смещать

[Froggyweb]

dedd, тогда к текущему положению надо добавлять/вычитать ширину следующего слайда.

[dedd]

пытался через `` не получалось

[Froggyweb]

dedd, у тебя нет переменной где хранится текущее значение. Кроме того нужно проверять не является ли слайд последним. посмотри видосы по логике работы слайдера.