Gostaria de ajuda para entender a diferença entre innerHTML & textContent.
function limpar() {
somaTotal = 0;
document.getElementById('lista-produtos').innerHTML = '';
document.getElementById('valor-total').textContent = 'R$ 0,00';
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Gostaria de ajuda para entender a diferença entre innerHTML & textContent.
function limpar() {
somaTotal = 0;
document.getElementById('lista-produtos').innerHTML = '';
document.getElementById('valor-total').textContent = 'R$ 0,00';
}
Olá André!
Ótima pergunta! Vou te explicar a diferença entre innerHTML e textContent de uma forma bem clara usando seu exemplo de código:
innerHTML:
innerHTML = '' está limpando todo o conteúdo HTML dentro do elemento 'lista-produtos'textContent:
textContent = 'R$ 0,00' está apenas inserindo o texto do valor, sem formatação HTMLVeja esse exemplo prático para entender melhor:
// Usando innerHTML
elemento.innerHTML = '<strong>Olá</strong>';
// Resultado: Olá (em negrito)
// Usando textContent
elemento.textContent = '<strong>Olá</strong>';
// Resultado: <strong>Olá</strong> (mostra as tags como texto)
No seu código, você está usando os dois de forma perfeita:
Espero ter ajudado.
Muito boa a explicação! Muito obrigado!!