Contador de Caracteres En Textarea

Hola a todos esta vez les explicare como crear un contador de caracteres: Se que en la web existe muchos codigos para crear un contador de caracteres pero aun asi hare uno integrando un poco de un lado y de otro. A continuacion el codigo con su explicacion <HTML> <HEAD> <!–colocamos esta funcion […]

Hola a todos esta vez les explicare como crear un contador de caracteres:

Se que en la web existe muchos codigos para crear un contador de caracteres pero aun asi hare uno integrando un poco de un lado y de otro. A continuacion el codigo con su explicacion

<!–colocamos esta funcion entre head y /head y dentro de etiquetas script:–>

<SCRIPT='TEXT/JAVASCRIPT'>

function maximaLongitud() {

var caracteres_maximo = 400;//asignamos el numero de caracteres maximo
var textarea=document.form.mensaje;//asiganamos a la variable textarea el documen.form.mensaje que es el textarea para disminuir el largo del codigo
var cantidad_caracteres = document.form.mensaje.value.length//asignamos a la variable cantidad_caracteres el valor de la cantidad de caracteres del textarea

if (cantidad_caracteres < caracteres_maximo){//condicionamos si la cantidad de caracteres es menor a la cantidad maxima establecidad en caracares_maximo
texto_textarea = textarea.value ;//asignarmos a texto_textarea el valor del textarea.value
document.getElementById("num").style.color="#000000";//ponemos el texto del div num en color negro
}else{//sino osea si es mayor
maximo = textarea.value.substring(0,caracteres_maximo);//asignamos a maximo el valor de el textarea con la funcion de javascript substring con los parametros(valor inicial,valor final), con esto controlamos que no ingresen mas caracteres de los que tenga caractere_maximo
textarea.value = maximo;//asignamos al textarea el valor de maximo
document.getElementById("num").style.color="#ff0000";//ponemos el color del texto del div num en rojo
}

document.getElementById("num").innerHTML=("van "+document.form.mensaje.value.length+" caracteres del limite de 400");//esto nos sirve para ir mostrando los caracteres que llevamos sumandolo

}

</SCRIPT>
  <TITLE>Página de ejemplo</TITLE>
</HEAD>
<BODY>
  <!–Luego dentro del body el textarea dentro del formulario:–>
<textarea name="mensaje" cols="40" rows="10" onKeyUp="maximaLongitud()"></textarea>
<div id="num">van 0 caracteres del limite de 400</div>

<!–
(name)nombre del textarea en este caso
OnkeyUp="maximaLongitud()":este es el valor en el evento OnkeyUp del textarea llamamos a la funcion maximaLongitud
Los valores cols y rows se los asignan a su gusto, y estas son la cantidad de columnas y filas.–>
</BODY>
</HTML>