Question

O código HTML abaixo será utilizado nas questões 13, 14, 15 e 16:

Tarefa 1
Tarefa 2
Tarefa 3

Uma classe de nome .concluido foi criada para riscar o texto de cada item de uma lista. Assinale a alternativa que apresenta o código JavaScript que implementa corretamente a funcionalidade de adicionar ou remover a classe .concluido no elemento

quando clicado, mesmo se um novo item for adicionado:

Accepted Answer

C) document.querySelector('#todo-lista').addEventListener('click', function (e){
if(e.target.classList.contains('todo-item')){
if (e.target.classList.contains('concluido')){
e.target.classList.remove('concluido');
} else { e.target.classList.add('concluido'); }
} });

Answer

A) document.querySelectorAll('#todo-lista>li').addEventListener('click', function (e){
if (e.srcElement.classList.contains('concluido')){
e.srcElement.classList.remove('concluido');
} else { e.srcElement.classList.add('concluido'); } });

Answer

B) document.querySelector('#todo-lista>li').addEventListener('click', function (e){
if (e.srcElement.classList.contains('concluido')){
e.srcElement.classList.remove('concluido');
} else { e.srcElement.classList.add('concluido'); } });

Answer

D) document.querySelectorAll('#todo-lista>li').forEach(function (el) {
el.addEventListener('click', function (e){
if (e.srcElement.classList.contains('concluido')){
e.srcElement.classList.remove('concluido');
} else { e.srcElement.classList.add('concluido'); }
}); });

Answer

E) document.querySelectorAll('#todo-lista>li').forEach(function (el) {
el.addEventListener('click', function (e){
if (e.srcElement.class.contains('concluido')){
e.srcElement.class.remove('concluido');
} else { e.srcElement.class.add('concluido'); }
}); });

Mais questões de JavaScript e AJAX