1
resposta

Não aparece o esperado no console

//captura todos os pacientes que estão na tabela da página, usando a classe paciente
var pacientes = document.querySelectorAll(".paciente");
//captura a tabela inteira
var tabela = document.querySelector("table");

//Adiciona o escutador de eventos à tabela e captura o elemento da tabela que foi clicado
tabela.addEventListener("dblclick",function(event){
    console.log("alvo do duplo clique: "+event.target);
    console.log("quem foi clicado: "+this);
});

Fiz este código, de acordo com o que está na aula 7.3 - Delegando eventos. No console do professor, aparece o conteúdo HTML em event.target e em this. Porém, no meu console aparece assim:

alvo do duplo clique: [object HTMLTableCellElement] quem foi clicado: [object HTMLTableElement]

Porque isso acontece?

1 resposta

Oi, Silvia, tudo bem?

Eu utilizei o seu códgio com o html do projeto do curso, segue um print do meu teste: https://imgur.com/a/N2Tsy1Q

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

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

tabela.addEventListener("dblclick", function (event) {
  console.log(event.target);
  console.log(this);
});

Porém você está recebendo essa mensagem por estar tentando concatenar uma mensagem com literal com a busca dos objetos da tabela.

Espero ter te ajudado!