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