<body>
<textarea id="cuerpo-mensaje" cols="40" rows="5"></textarea>
<p>Caracteres: <span id="numero-caracteres">0</span> caracteres.</p>
<script>
var actualizarCaracteres = document.querySelector("#cuerpo-mensaje");
actualizarCaracteres.addEventListener("input", function(){
var mensaje = document.querySelector("#cuerpo-mensaje").value;
var caracteres = mensaje.length;
//contador
var contador = document.querySelector("#numero-caracteres");
contador.innerHTML = caracteres;
});
</script>
</body>