En lugar de document.querySelectorAll que devuelve una colección, debe usar document.querySelector() . Entonces funcionaría.
Pero si tiene varios botones de eliminación, use: document.querySelectorAll . Luego, debe iterar esta colección para agregar un EventListener a cada elemento.
const btns = document.querySelectorAll('.delete'); btns.forEach(b => b.addEventListener('click', () => { // and action }))