<button class="add">Добавить кнопку</button>

<div class="container">
  <hr>
  <button>Кликни для запуска обработчика</button>
  <button>Кликни для запуска обработчика</button>
  <button>Кликни для запуска обработчика</button>
</div>

const container = document.body.querySelector('.container')



container.addEventListener('click', event => {
  if (!event.target.matches('button')) {
    return
  }
  
  alert('Вы кликнули на кнопку. Была ли она изначально, или создалась позже?')
})






















document.body.querySelector('.add').addEventListener('click', () => {
  const newButton = document.createElement('button')
  newButton.innerText = 'Кликни для запуска обработчика'
  container.appendChild(newButton)
})