Solucionado
function atualizaCaracteres() {
var postagem = document.querySelector("#corpo-postagem").value;
var caracteres = postagem.value.length;
var contador = document.querySelector("#numero-caracteres");
contador.innerHTML = caracteres;
}
A função descrita neste tópico está errada, diferentemente do que está escrito, pois tanto na variável "postagem" quanto na variável "caracteres" tem o ".value", quando só funciona se estiver em apenas um deles, não nos dois.
hoje, com a Alura e o Google Gemini
Oi, Igor, tudo bem?
Obrigada por compartilhar essa observação! Testei esse script e funcionou da forma como você detalhou. Vou repassar à equipe responsável!
<textarea id="corpo-mensagem" cols="40" rows="5"></textarea>
<p>Caracteres: <span id="numero-caracteres">0</span> caracteres.</p>
<script>
var campoPostagem = document.querySelector("#corpo-mensagem");
campoPostagem.addEventListener("input", atualiza);
function atualizaCaracteres() {
var postagem = document.querySelector("#corpo-mensagem");
var caracteres = postagem.value.length;
var contador = document.querySelector("#numero-caracteres");
contador.innerHTML = caracteres;
}
</script>