JavaScript에서 루프를 사용하여 익명 핸들러 추가하기
루프에서 연결하는 핸들러로 익명 함수를 사용할 수도 있습니다. 이는 코드를 더 간결하게 만들고, 한 곳에서만 사용되는 함수의 이름을 고민할 필요가 없게 해줍니다.
이제 요소에 익명 핸들러를 연결해 보겠습니다:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
다음 코드가 주어졌습니다:
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
let divs = document.querySelectorAll('div');
for (let div of divs) {
div.addEventListener('click', func);
}
function func() {
this.textContent++;
}
핸들러 함수를 익명 함수로 변경하세요.
