test
HTML
<div class="btn">Простая кнопка</div>
<div class="addBtn">Добавить кнопку </div>
CSS
.btn,
.addBtn {
background: red;
color: white;
padding: 10px;
margin: 10px;
cursor: pointer
}
.addBtn {
background: green;
}
JavaScript
const addBtn = document.querySelector('.addBtn');
addBtn.onclick = () => {
// Создаем кнопку и добавляем ниже
const createBtn = document.createElement('div');
createBtn.className = 'btn';
createBtn.innerText = 'Добавленная кнопка'
addBtn.insertAdjacentElement('afterEnd', createBtn);
}
//Используем делегирование
document.addEventListener('click', ({ target }) => {
if(target.closest('.btn')) {
alert('Есть контакт');
}
});