querySelectorAll Elements에 클릭 이벤트 적용하기

document.querySelectorAll() 사용하여 반환하는 NodeList객체를 for문으로 각각 요소에 이벤트 리스너를 추가합니다.

 

const buttons = document.querySelectorAll(".button")
for (const button of buttons) {
  button.addEventListener('click', function(event) {
    //...
  })
}