witam,
mecze się z tym problemem jakiś czas,
funkcja dodaje do diva= div(child)a do tego diva(child) dodaje 2 elementy: p i button. czyli div/div(child)/p, button
- chciałbym żeby button usuwał swojego div(parent), w którym się znajduje
-problem jest taki ze przy paru dodanych div(child), button-y które się w każdym z nich znajdują, usuwają zawsze ostatni stworzony div(child)
let button= document.querySelector('.add')
let poleNaTresc= document.querySelector('.prawa-srodek')
button.addEventListener('click', function(){
if(nazwa.value !==""){
addprodukt();
}else{
console.log('wpisz')
}
})
poleNaTresc.addEventListener('click', function(e){
if(e.target.closest('button').className==='delete')
{
let delateIn= e.target.closest('div');
delateIn.remove();
}
})
let addprodukt=()=>{
id++;
** //tworzenie div**
let addDiv=document.createElement('div');
addDiv.setAttribute('class', 'produkt');
** //tworzenie elementu p**
let output=document.createElement('p');
//tworzenie button
let delateButton= document.createElement('button');
delateButton.classList.add('delete');
delateButton.innerHTML='delate'
poleNaTresc.appendChild(addDiv);
addDiv.appendChild(output);
addDiv.appendChild(delateButton);
}