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

Como inserir eventListener de click na lista e remover o item da li somente

Como faço para adicionar EventListener de dblclick na *lista *? Eu pretendia implementar da seguinte forma:

Ao perceber qual o item da <li> foi clicado (a classe da lista é: lista-tarefas-pendentes), eu irei remover o item da lista. Quando tentei fazer, ele removeu o item inteiro (todo o ul)

O projeto que estou fazendo é de criação de Tarefas e de Notas. Inicialmente estou trabalhando somente no item de Tarefas.

Esse é o js e html até o momento . Fiz de uma forma mas deu erro, então não tem função para isso ainda:

https://gist.github.com/eslinmakicine/57c565fcdd6a288d22951f8b1edeb3b3

1 resposta
solução!

Eslin, boa tarde!

Você pode usar de uma estratégia que chamamos de Event Delegation, onde o pai dos items que observam as ações dos filhos e se o filho esperado for o clicado você executa uma ação, veja o exemplo abaixo

https://codepen.io/devcapu-the-looper/pen/NWPOjmp?editors=1010

Espero ter ajudado e bons estudos!