I'm a Fig, Not a Pig

1. 다음 HTML 코드를 보고 문제를 해결해주세요. 음식 햄버거 치킨 피자 나라 한국 일본 미국 영국 (1) 코드에서 1번과 2번의 접근 대상은? const foodList = document.querySelector("#food_list"); const countryList = document.querySelector("#country_list"); // 1번 console.log( foodList.parentElement.children[2].nextElementSibling.children[2] ); // 2번 console.log( countryList.parentElement.firstElementChild.nextElementSibling .children[1] ); 답: 1번: 미국 2번:..

목차 1. target, currentTarget 2. target과 currentTarget의 차이 3. 퀴즈 자바스크립트에서 이벤트를 다룰 때 클릭한 요소를 가져오는 방법으로 event 객체의 target 또는 currentTarget 프로퍼티를 사용합니다. 1. target, currentTarget 요약 - target: 이벤트가 발생한 바로 그 요소를 직접 가리킴 - currentTarget: 이벤트 리스너를 가진 요소를 가리킴 예제 다음과 같은 코드가 있습니다. span 실행결과 위 결과에서 검은색은 div, 핑크색은 span입니다. 코드를 보면 onClick 이벤트는 div에 설정을 했지만 검은색, 핑크색 클릭 시 둘 다 이벤트가 발생합니다. div에만 이벤트를 설정했는데 자식요소인 span..