DOMContentLoaded 사용해서 오류 해결하기

//비전공자가 혼자 공부하는 공간입니다 

//잘못된 정보가 있을 수 있어요

 

이렇게 재료를 선택하면 오른쪽 박스에 체크한 순서대로 리스트가 생성되어야 하는데 

첫번째 페이지에서는 실행됐고, see more detail 을 눌러 더 많은 재료를 보는 페이지에서는 되지가 않는다 

해당 function을 html생성 코드 아래로 내리면 또 detail 페이지에서는 되고 첫번째 홈페이지에서는 안 된다 ;

 

 

찾아보니 DOM이 로딩 되기 전에 자바스크립트가 실행돼서 그렇다고 한다 

찾아보니 `DOMContentLoaded`이벤트 사용해서 해결할 수 있다고 한다(이제 어떻게 찾아봤는지 내용은 안 쓰는걸로...블로그 쓰다 시간 다 갈 것 같음) 

두 번 째 페이지에서는 checkbox를 수동으로 html으로 입력시킨 것이 아니라 javascript에서 생성했는데

elements가 DOM에 추가되기 전에 이미 checkbox리스트를 체크하는 함수가 먼저 실행이 되어서 그런 것 같다 

 

 

DOMContentLoaded 사용하니 동작은 잘 된다 

 

 

 

//비전공자가 혼자 공부하는 공간입니다 

//잘못된 정보가 있을 수 있어요