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

다음버튼 만들고  나서 누를때마다 다음 사진으로 넘어가는 과정에서
이해가 안가는 부분이 있어서 질문드립니다.

let now = 1; 
위처럼 변수를 만드셨는데, 현재 보고있는사진이 1번사진이라는게 왜 숫자 1로 해도 되는지 이해가 안갑니다.
제 생각엔 돔을 사용해 해당 사진으로 불러온 요소를 now변수 값으로 할당해줘야할것 같은데 아닌가요?

예를들면

<div class='slide-box'>
< img id="img1" src="car1.png" alt="id가 img1인 이미지">
</div>
<script>
let now = document.querySelector('#img1');
</script>