DAY 017. 코드스테이츠 4주차 - JS/브라우저 DOM (이벤트 객체)

슈레더·2021년 7월 6일
0

코드스테이츠

목록 보기
17/25
post-thumbnail

이벤트 객체

이벤트 객체는 사용자 입력(onclick, onkeyup, onscroll 등)을 트리거로 발생한 이벤트 정보를 담은 객체이다.

이벤트 객체 예시

let menus = document.querySelectorAll("button"); //모든 버튼을 가져옵니다.

let btnAmericano = menus[0];
let btnCaffelatte = menus[1];

btnAmericano.onclick = handleClick;
btnCaffelatte.onclick = handleClick; // 이상으로 for 문으로 충분히 구현할 수 있는 내용입니다.

function handleClick() {
  // 아래의 빈 칸(____)을 채우세요.
  let currentMenu = ____; // TODO
  console.log(currentMenu + "를 클릭하셨습니다.");
}
profile
shreder0804

0개의 댓글