JSFiddle - React, Tailwind, and code Playground

by StiflerProger

HTML

<div class="wrapper">
  <button class="test">
    Кнопка 1
  </button>

 <button class="test2">
    Кнопка 4
  </button>

  <button class="test">
    Кнопка 2
  </button>

  <button class="test">
    Кнопка 3
  </button>
</div>

JavaScript

document.querySelector(".wrapper").addEventListener('click', event => {
	let target = event.target;

  if (!target.classList.contains('test')) return; // нажали не на интересующую нас  кнопку

	console.log('Кнопка нажата');
});
	

setTimeout(() => {
	console.log('Тут типо добавляю новые кнопки после ajax');
  
  let button = document.createElement("button");
  button.innerText = 'Новая кнопка';
	button.className = 'test';
  
	document.querySelector(".wrapper").appendChild(button);
}, 5000);