por que en vez de javascript no usas simplemente html ?
el atributo maxlength="10" te ahorra todo ese codigo y mortificaciones.
si es porque puede ser modificado facilmente, javascript tambien puede ser modificado pongas el codigo que pongas.
lo ideal seria usar ese atributo de ahi arriba, validar antes de enviar el formulario de que cumpla con el numero de caracteres requeridos y luego la misma validacion, pero desde el servidor
Código HTML:
<input type="text" name="contador" maxlength="10" placeholder="no podras escribir más de 10 caracteres">