현재 버전

window.addEventListener('DOMContentLoaded',~~)  해당 이벤트는 document가 load가 된 후 ~~ 동작입니다

js파일을 임포트해서 사용하고 싶고,window load 이벤트도 주지 않을건데 내가 dom의 element들을 select해와서 이벤트를 발생시킬거면  body하단에 넣으시면 되시구요.

document에도 click이벤트를 걸으셨고 버튼들에도 click을 거셨으니 두번 click해야 이벤트가 발생하는게 맞아요.

보여주신 코드는 document를 클릭해야만 자식인 버튼들의 이벤트가 활성화 되는거니까요


html문서를 작성하고 js를 따라하면서 먼저 이해하셔야할점은 돔트리를 기본적으로 아셔야 할 것 같고 내가 작성한 코드가 어떻게, 어떤순서로 동작하는지 정도는 알고 계시면 좋을 것 같아요


수정 이력

2021-06-11 12:18:30 에 아래 내용에서 변경 됨 #1

window.addEventListener('DOMContentLoaded',~~)  해당 이벤트는 window가 load가 된 후 ~~ 동작입니다

js파일을 임포트해서 사용하고 싶고,window load 이벤트도 주지 않을건데 내가 dom의 element들을 select해와서 이벤트를 발생시킬거면  body하단에 넣으시면 되시구요.

document에도 click이벤트를 걸으셨고 버튼들에도 click을 거셨으니 두번 click해야 이벤트가 발생하는게 맞아요.

보여주신 코드는 document를 클릭해야만 자식인 버튼들의 이벤트가 활성화 되는거니까요


html문서를 작성하고 js를 따라하면서 먼저 이해하셔야할점은 돔트리를 기본적으로 아셔야 할 것 같고 내가 작성한 코드가 어떻게, 어떤순서로 동작하는지 정도는 알고 계시면 좋을 것 같아요