[사진] 위 코드에서 bar = document.getElementByClassName('bar')[0]을 onload = function 안에 넣지 않고 [사진] 이렇게 전역변수로 선언하면 왜 스크립트가 작동하지 않는 걸까요?

'가로 진행 바' 제작 (스크롤 백분율 구하기) 강의 관련 질문드립니다.

21.08.03 10:34 작성 조회수 211

위 코드에서 bar = document.getElementByClassName('bar')[0]을 onload = function 안에 넣지 않고

이렇게 전역변수로 선언하면 왜 스크립트가 작동하지 않는 걸까요?

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

답변 1

답변을 작성해보세요.

코딩일레븐

2021.08.03

window.onload 가 되기 전이라서 '.bar' 라는 엘리먼트를 못 찾아서 그렇습니다.

페이지가 열리자마자 바로 '.bar'를 찾으려니 못 찾는 거라고 생각하시면 됩니다.

scrollTop = 0; 밖으로 빼서 사용 가능합니다.

콜드

2021.08.03

빠르고 친절한 답변 감사합니다ㅎㅎ