Hola buenas tardes tengo este problema en javascript:
Tengo un avance en el cual este javascript te dice a través de un cuadro de texto, cuántos caracteres y palabras escribes y lo manda en una pantalla, pero requiero que esto se haga con un menu, donde el usuario escriba un mensaje y tenga las siguientes condiciones:
Si el mensaje o cadena escrito en el cuadro de texto, es menor a 10 caracteres y cualquier palabra(s) que imprima en pantalla es cadena corta.
Si el mensaje o cadena escrito en el cuadro de texto, es mayor a 10 caracteres y menor a 20 caracteres, cualquier palabra(s) que imprima en pantalla es cadena media.
Si el mensaje o cadena escrito en el cuadro de texto, es mayor a 20 caracteres y cualquier palabra(s) que imprima en pantalla es cadena larga.
Pero no se como poner estas condiciones con lo que llevo, me ayudan por favor, mil gracias.
<html>
<head>
<title>Caracteres</title>
<meta charset="utf-8">
<style type="text/css">
body {
background-color:#DBDFDB;
}
</style>
</head>
<body>
<font color="#030303" face="georgia" size="5">
<center>
<TABLE BORDER=3 width="1000" height="50">
<TR><TD>
<font face="georgia" size="30">
<MARQUEE SCROLLAMOUNT=10 BEHAVIOR="alternate"><b>Programa para calcular caracteres</b></MARQUEE>
</font>
</TD></TR>
</TABLE>
<p>Menu: </p>
<p>1 a 10 Es una cadena corta</p>
<p>10 a 20 Es una cadena media</p>
<p>Mayores a 20 Es una cadena larga</p>
<script type="text/javascript">
function wordCount() {
textoArea = document.getElementById("area").value;
numeroCaracteres = textoArea.length;
inicioBlanco = /^ /
finBlanco = / $/
variosBlancos = /[ ]+/g
textoArea = textoArea.replace(inicioBlanco,"");
textoArea = textoArea.replace(finBlanco,"");
textoArea = textoArea.replace(variosBlancos," ");
textoAreaDividido = textoArea.split(" ");
numeroPalabras = textoAreaDividido.length;
tC = (numeroCaracteres==1)?" carácter":" caracteres";
tP = (numeroPalabras==1)?" palabra":" palabras";
alert (numeroCaracteres + tC +"\n" + numeroPalabras + tP);
}
</script>
<FORM ID="formulario" ACTION="#">
<TEXTAREA ID="area" COLS=20 ROWS=10>
Texto dentro del área de texto </TEXTAREA><BR>
<INPUT TYPE="button" VALUE="Contar las palabras" onClick="wordCount();">
</FORM>
</center>
</font>
</body>
</html>