코드3줄로 캐러셀 만들기2 질문 있습니다.

[박한나]

다음버튼 답 안보고 혼자 만들때
각각의 조건에 if문을 써서 작성했는데
두번째, 세번째 사진이 보이는 상태에서 다음 버튼을 누르면 첫번째 사진으로 이동합니다.
else if문으로 수정하면 제대로 작동되고요

if문을 쓰면 작동이 안되는 이유가 궁금합니다.
아래는 제가 작성한 코드입니다.

var now = 1;

      document.querySelector(".next").addEventListener("click", transformNext)
      function transformNext() {
        if(now === 1) {
          document.querySelector(".slide-container").style.transform = 'translateX(-100vw)'
          now = 2;
        }
        if(now === 2) {
          document.querySelector(".slide-container").style.transform = 'translateX(-200vw)'
          now = 3;
        }
        if(now === 3) {
          document.querySelector(".slide-container").style.transform = 'translateX(0vw)'
          now = 1;
        }
        }

[codingapple]

첫 if문을 실행하면 now가 2가 되는데 
그럼 밑에 있는 둘째 if문도 바로 동작해버리겠군요

[글쓴이]

글