Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida sobre a passagem do elemento na interação de click

Fiquei com uma certa dúvida sobre a diferença entre usar o this ou usar o método target para pegar a informação do evento. No código em questão, ambos os console.log retornaram o mesmo valor, e gostaria de saber se nesse caso a utilização do this foi po ser uma prática melhor aproveitada (até por que usa-se menos códigos) ou se foi apenas para mostrar o recurso de outra maneira.

function botaoDeleta() {
  const elementoBotaoApaga = document.createElement("button");
  elementoBotaoApaga.innerText = "X";
  elementoBotaoApaga.classList.add("botao");

  elementoBotaoApaga.addEventListener("click", function (event) {
    console.log(event.target);
    console.log(this);
    deletaElemento(this.parentNode);
  });
1 resposta
solução!

Oi, João, tudo bem?

A diferença entre usar o this e o event.target na interação de "click" é que o this se refere ao elemento que está sendo clicado, enquanto o event.target se refere ao elemento que disparou o evento. No caso do código que você postou, ambos os console.log retornaram o mesmo valor porque o elemento que está sendo clicado é o mesmo que está disparando o evento.

Utilizar o this, é uma prática comum em JavaScript para acessar o elemento que está sendo manipulado em um evento. Além disso, como você mencionou, o uso do this pode deixar o código mais limpo e conciso.

Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!