[책] 자바스크립트 코드 레시피 278 - 103일차

클릭 이벤트 사용하기

• 버튼 클릭 시 작업을 처리하고 싶을 때

구문

click 요소 클릭하면 발생 (요소 클릭 시점)

실습

click 이벤트는 요소를 탭하거나 클릭 시 발생합니다. 다음과 같이 버튼 요소에 click 이벤트를 설정합니다. 이 click 이벤트는 버튼 외에도 div 요소, a 요소 등 임의의 HTML 요소에 사용할 수 있습니다.
index.html

<button class="button">click</button>

---

script.js

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('.button').addEventListener('click', () => {console.log('이벤트 클릭 발생')});
});