codestates / codestates/Subllet
[ERR] addEventListener
Open
ERR
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
### 어떤 에러인가요?
- addEventListener를 사용할 때 TypeError가 뜸
### 에러 메시지
```shell
$ TypeError: Cannot read properties of null (reading 'addEventListener'
```
### 에러 핸들링 방법
- 원인
-> HTML이 로드되기 전에 JS에서 HTML을 참조했기 때문이다.
애초에 HTML이 로드되지 않았는데 JS에서 HTMl을 참조하려고 했기 때문에 null이 뜬것이다
- 해결
1. 영역을 <body> 태그의 아래에 위치시킨다.
HTML 로드가 모두 끝난 뒤 script를 불러오는것.
2. `window.onload` 함수 내부에 넣는다.
해당 함수는 모든 구성요소가 로드된 후에 브라우저에 의해 호출되는 함수이고,
이 함수 안에 넣으면 HTML이 로드된 뒤 호출한다.
```js
window.onload(.addEventListener())
```
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.