todo:79 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

문제의 코드

 

 

 

 원인

 

자바스크립트 코드가 문서 파싱 후에 실행되는데, 스크립트가 실행되는 시점에서 해당 요소를 찾을 수 없기 때문이었다. 코드를 보면 스크립트가 문서 상단에 위치해있기 때문에 실행될 때 해당 요소(#delete)가 존재하지 않는 상태이다.

 

 

 

해결 방법

 

자바스크립트 코드를 문서의 아래에 배치하여 해당 요소가 파싱된 후에 실행되도록 하여 해결하였다.