usuwanie parent div , poprzez button

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);

}

no właśnie taki kod tez nie działa, jesli mam np 10 dodanych div-ow to każdy z tych przycisków button(w tych divach) kasuje tylko ostatni dodany na liście parent a nie konkretnie swój ......

a jak dodam kolejny parentElement to już usuwa wszystko

Twój kod robi dokładnie to, co ma robić. Zmień sobie linię:

delateButton.innerHTML='delate';

na:

delateButton.innerHTML='delate ' + id;

to zobaczysz.

zgadza się wszystko działa, porostu w międzyczasie zdążyłem już namieszać sobie w kodzie, dzieki