window는 페이지 전지역을 가리킨다
즉 window.addEventListener는 페이지 전체에서 이벤트가 발생했을 때
() 안의 명령을 실행시킨다
이 때문에 <script>가 <head> 안에 있다면 필수적으로 명시해
<body> 안에 있는 객체에 접근할 수 있도록 해야한다
*또는 <body>에 다이렉트로 명시도 가능
window.addEventListener에 페이지를 로드했을 때 실행이 되는 함수를
등록해놓고 그 안에 원하는 이벤트 핸들러를 등록해야
페이지 안의 모든 변수, 객체들에 접근이 가능하다
페이지를 로드하는 핸들러
페이지 로드 함수() {
버튼의 아이디를 받아와 변수와 버튼을 연결
버튼을 가리키는 핸들러 생성
}
버튼 함수() {
버튼 벨류 변경 명령어
}
'Frontend > JavaScrpit' 카테고리의 다른 글
| Modal, @Keyframs (0) | 2021.04.02 |
|---|---|
| Inline 형태 호출 (0) | 2021.03.31 |
| Event handler (0) | 2021.03.24 |
| Function (0) | 2021.03.24 |
| 배열, 객체 생성 (0) | 2021.03.23 |