목록 화면 만들고 있는데 이벤트 관련해서 막혔습니다. 처음에 페이지 로드되면 이렇게 버튼들에 클릭 핸들러를 다 걸어둡니다.
document.querySelectorAll('.btn').forEach(b => {
b.addEventListener('click', fn)
})
여기까지는 잘 돼요. 처음부터 있던 버튼들은 클릭하면 fn이 정상 실행됩니다. 문제는 나중에 자바스크립트로 항목을 추가하면서 새로 만든 .btn 버튼들이에요. 얘들은 아무리 클릭해도 반응이 없습니다. 콘솔에 에러도 안 뜨고 그냥 조용해요. 새로 추가한 요소라 그런 것 같긴 한데, 그렇다고 추가할 때마다 매번 addEventListener를 또 붙이는 건 좀 지저분해 보이더라고요. 이럴 때 보통 어떻게들 처리하시나요? 깔끔한 방법이 있으면 배우고 싶습니다.