Как назначить обработчик событий на множество элементов на странице?
один обработчик на весь документ, слушает все клики и проверяет не попали ли они по кнопке.document.addEventListener('click', evt => {
  if (evt.target.matches('button.action, button.action *')) {
     console.log('target', evt.target)
     let button = evt.target.closest('button')
     console.log('button', button)
  }
})snippetsnippet
Немного доработанный ответ Stalker_RED (Обработчик срабатывает при клике по целевому элементу и по любому вложенномуdocument.addEventListener('click', async function (event) {
	if (!event.target.matches('button.action, button.action *')) {
		return;
	}
})