안녕하세요 선생님 캐러셀 prev 버튼 만드는데 어려움이 있어 질문 드립니다
<button class="prev">이전</button>
<button class="slide-1">1</button>
<button class="slide-2">2</button>
<button class="slide-3">3</button>
<button class="next">다음</button>
--------------------------------------------------------------------------------------- HTML
document.querySelector('.slide-1').addEventListener('click', function () {
document.querySelector('.slide-container').style.transform = 'translateX(0vw)'
})
document.querySelector('.slide-2').addEventListener('click', function () {
document.querySelector('.slide-container').style.transform = 'translateX(-100vw)'
})
document.querySelector('.slide-3').addEventListener('click', function () {
document.querySelector('.slide-container').style.transform = 'translateX(-200vw)'
})
--------------------------------------------------------------------------------------- 자바스크립트 1,2,3 버튼
var 지금사진 = 1;
function nextBtn() {
if (지금사진 < 3) {
document.querySelector('.slide-container').style.transform = 'translateX(-' + (지금사진 * 100) + 'vw)';
지금사진 += 1;
}
}
document.querySelector('.next').addEventListener('click', nextBtn);
function prevBtn() {
if (지금사진 > 1) {
document.querySelector('.slide-container').style.transform = 'translateX(-' + ((지금사진 - 1) * 100) + 'vw)';
지금사진 -= 1;
}
}
document.querySelector('.prev').addEventListener('click', prevBtn);
--------------------------------------------------------------------------------------- 자바스크립트 next, prev 버튼
일단 1,2,3 버튼은 비교적 잘 작동하고 있습니다
그런데 이전 버튼은 전혀 먹히지 않고 다음버튼 또한 2번에서 바로 넘어가지 않는다던지 하는 문제가 있습니다
다음버튼과 같은 방식으로 이전버튼도 코드를 짜봤는데 어떤 부분이 잘못되었는지 알려주시면 감사하겠습니다!