[JavaScript]간단한 에러. Cannot set propertis of null

간단한 html 페이지의 일부

간단한 hey 함수.

뭘 하고 싶었느냐, .mytitle 안의 button이 눌렸을때 hey가 뜨게 하고 싶었다.

 

그런데 Uncaught Type Error: Cannot set propertis of null이라는 에러 메세지가 떴다.

 

뜻을 알아보니 즉, querySelector로 잡아온 object가 없기 때문에 (null)이기 때문에

 

onclick이라는 property를 설정할 수가 없다는 얘기

 

원인은 아주 간단한 실수였다.

 

html 스크립트 상에 내가 잡아오고 싶은 element인 button이 script 태그보다

나중에 정의된 것이다.

 

js파일을 따로 빼고 싶을땐 script 태그의 위치를 신경쓰자!

 

script 태그의 위치를 button태그의 뒤로 옮기자 잘 작동하였다ㅎ.