Con el primer metodo:
var pacientes = document.querySelectorAll(".paciente");
pacientes.forEach(function(paciente) {
paciente.addEventListener("dblclick", function() {
this.remove();
})
})
Se vio que no funcionaba eliminar pacientes que se hayan adicionado por el usuario porque el programa unicamente declara una vez a var pacientes
.
Pero cuando se usa el segundo metodo:
var tabla = document.querySelector("#tabla-pacientes");
tabla.addEventListener("dblclick", function(event) {
event.target.parentNode.remove();
})
Esta vez si se puede eliminar pacientes que se hayan adicionado por el usuario pero no entiendo por qué si tambien se esta declarando solo una vez var tabla
y no cada vez que se hace doble click sobre ella.