코드 3줄로 캐러셀 (이미지 슬라이드) 만들기 2

[정다인]

        let now = 1;
        $('.next').on('click', function() {
            if(now < $('.slide-box').length){
                $('.slide-container').css('transform', `translateX(-${now}00vw)`)
                now ++
            }
         
        })
        $('.prev').on('click', function() {
            if(now > 1){
                $('.slide-container').css('transform', `translateX(-${now - 2}00vw)`)
                now --
            }
        })

  console.log(now)

하다 보니 이전, 다음버튼을 구현하였는데요. 궁금한 것이 한가지 있습니다
만약 다음 버튼을 두번 눌러 3번 슬라이드가 현재 노출이 되고 있는 상황일때
콘솔을 찍어보면 now는 1로 찍히는데 어떻게 이전버튼이 구현되는 건가요...??

[codingapple]

이벤트리스너 안에서 출력해봅시다

[정다인]

1. 그럼 next 클릭 이벤트에서 now ++ 해준 것, 즉 변수 now값이 prev 클릭 이벤트에서도 반영이 되는건가요?

2. 일전에 변수 범위에 대해 배웠었는데 재할당은 함수스코프, 블록스코프와 무관한건가요?

[codingapple]

1. 넴 
2. 재할당이나 값변경은 변수사용범위안에 있으면 아무데서나 가능합니다

[정다인]

next 클릭 이벤트 발생시 변경되는 num 값이 어떻게 prev 클릭이벤트시에도 공유가 되는지 잘 이해가 되지 않습니다 ㅠㅠ

[codingapple]

함수 바깥에서 만든 변수는 함수안에서 자유롭게 쓸 수 있습니다

[글쓴이]

글