use addeventlistener on queryselectorall collection code example

Example: document queryselector click event

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