[javascript] Cannot read property 문제를 해결하는 방법

Cannot read property가 발생하는 이유?

HTML을 로딩하기 전에, js가 실행되었기 때문입니다.

HTML가 아직 로딩되지 않아서, id나 name이나 이런 요소들이 없는 상태인데

js는 그 요소들을 찾으려고 해서 발생하는 오류입니다.

따라서,  웹페이지의 로딩이 끝나는 시점에 실행되는 함수인

onload를 사용해서 문제를 해결해봅시다.

window.onload = function () {
 alert("로딩 완료");
}

reference : http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.html

reference : https://okky.kr/article/288222