Por que eu não posso usar o código 1 mostrado abaixo ao invés de fazer uso do código 2, quando vou limpar o campo na tela?
código 1:
document.getElementById('quantidade').textContent = '';
código 2:
document.getElementById('quantidade').value = '';
Olá Andre! Tudo bem?
A diferença entre os dois códigos que você mencionou está na propriedade que eles estão manipulando. O código 1 usa textContent, enquanto o código 2 usa value.
O textContent é usado para definir ou obter o texto de um elemento HTML, como um <div>, <span>, ou qualquer outro elemento que contenha texto. No entanto, quando se trata de campos de entrada de dados, como <input> ou <textarea>, o valor que você deseja manipular é o value, que representa o que foi digitado ou selecionado pela pessoa usuária.
No caso do seu campo "quantidade", que provavelmente é um <input>, você precisa usar value para limpar o conteúdo digitado pela pessoa usuária. Portanto, o código 2 é o correto para essa situação:
document.getElementById('quantidade').value = '';
Se você tentasse usar textContent em um <input>, não veria o efeito desejado, pois essa propriedade não altera o valor do campo de entrada.
Espero ter ajudado e bons estudos!