1
resposta

02 - Verificando o tamanho da postagem

Eu fiz esse exercício proposto, e fiquei com uma dúvida nesse código JS do enunciado.

<body>
    <textarea id="corpo-postagem" cols="40" rows="5"></textarea>
    <p>Caracteres: <span id="numero-caracteres">0</span> caracteres.</p>
    <script src="contador.js"></script>
</body>
// contador.js

function atualizaCaracteres() {
    var postagem = document.querySelector("#corpo-postagem").value;
    var caracteres = postagem.length;

    var contador = document.querySelector("#numero-caracteres");
    contador.innerHTML = caracteres;
}

Por que foi usado contador.innerHTML ao invés de contador.textContent?

1 resposta

Olá, Suziane.

Neste caso, tanto o innerHtml quanto o textContent faziam o mesmo efeito. O innerHtml pega tudo que está dentro da tag, já o textContent pega apenas o valor do texto. Neste caso, podemos usar as 2 abordagens, pois o que está dentro da tag é apenas o texto.