Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro no exercício 'Seção falhando', alternativa D.

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Arrays, Loop e Estilos e atividade Seleção falhando

por Jeferson Jacques De Camargo
| 55k xp | 2 posts
var produtos = document.querySelector("lista-produtos");

for( var i=0 ; i < produtos.length ; i++) {  
       var produto  = produtos[i];  
       var nomeDoProduto = produto.textContent;  
       console.log(nomeDoProduto);  
}

Questão D (errada)

João esqueceu de colocar o . no seletor de sua função querySelector() e trocar o seletor para apenas "produto". Dessa forma, o seletor correto seria ".produto".

Questão D (correta)

João não colocou o . para indicar a seleção da classe "lista-produtos". Dessa forma, o seletor correto seria ".lista-produtos".

2 respostas
solução!
por Bernardo Schmitz dos Santos
| 96.4k xp | 67 posts

Na verdade o exercicio está correto, se você quer listar todos os produtos

  • Você deve primeiro fazer um querySelectorAll ( pegar todos os elementos) E então passar a classe .produto

var produtos = document.querySelectorAll(".produto");

for( var i=0 ; i < produtos.length ; i++){
    var produto  = produtos[i];
    var nomeDoProduto = produto.textContent;
    console.log(nomeDoProduto);
}

lista produtos https://codepen.io/b-schmitz/pen/oNwMGog

Acabei de editar estava com código errado!

por Jeferson Jacques De Camargo
| 55k xp | 2 posts

Legal, Bernardo! Muito obrigado pelo esclarecimento. 👍