코드 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로 찍히는데 어떻게 이전버튼이 구현되는 건가요...??