Animando a remoção | JavaScript: programando na linguagem da web

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por EVALDO LUIZ CAVALCANTI

| 201.3k xp | 265 posts

//index.css

.fadeOut {
    opacity: 0;
    transition: 0.5s;
}

var pacientes = document.querySelectorAll(".paciente");

var tabela =  document.querySelector("table");

tabela.addEventListener("dblclick", function(event){
    event.target.parentNode.classList.add("fadeOut");

    setTimeout(function(){
      event.target.parentNode.remove();
    }, 500);

});

1 resposta

solução!

por EVALDO LUIZ CAVALCANTI

| 201.3k xp | 265 posts

15/08/2022

.fadeOut{
    Opacity: 0;
    transition: 0.5s;
}

var pacientes = document.querySelectorAll(".paciente");

var tabela =  document.querySelector("table");

tabela.addEventListener("dblclick", function(event){
    event.target.parentNode.classList.add("fadeOut");

    setTimeout(function(){
      event.target.parentNode.remove();
    }, 500);

});