Ven
a la página principal de "Info-Linfo"
Curso de JavaScript para programadores - Sección 2
autor: Luis Paez
Ultima actualización: 19/ene/01
Ejemplo 5. Petición de contraseña.
Ejemplo 6. Suma de quebrados.
| Propiedades | Descripción |
| length | Indica el número de caracteres en la cadena. |
| Métodos | |
| charAt() | Regresa el carácter situado en el índice especificado |
| indexOf() | Regresa el índice de la primera aparición de la cadena especificada. |
| lastIndexOf () | Regresa el índice de la última aparición de la cadena especificada. |
| substring() | Extrae una parte de la cadena |
| toLowerCase() | Devuelve la cadena en minúsculas |
| toUpperCase() | Devuelve la cadena en mayúsculas |
Ejemplos del uso de propiedades y métodos de String
length
<script language="JavaScript">
var nombre = "Alberto Gandarillas";
// escribe 19, que es el número de caracteres en nombre
document.writeln(nombre.length);
</script>
chatAt()
<script language="JavaScript">
var nombre = "Alberto Gandarillas";
// escribe G, que es el carácter en la posicion 8 (el primer carácter está en 0)
document.writeln(nombre.charAt(8));
</script>
indexOf()
<script language="JavaScript">
var nombre = "Alberto Gandarillas";
// escribe G, que es la posicion en que se encuentra el carácter t
document.writeln(nombre.indexOf('t'));
</script>
lastIndexOf()
<script language="JavaScript">
var nombre = "Alberto Gandarillas";
// escribe 17, que es la última posicion en que se encuentra el carácter a
document.writeln(nombre.lastIndexOf('a'));
</script>
substring()
<script language="JavaScript">
var nombre = "Alberto Gandarillas";
// escribe bert, que es el substring desde la pos. 2 hasta la 6-1=5
document.writeln(nombre.substring(2,6));
</script>
toLowerCase()
<script language="JavaScript">
var nombre = "Alberto Gandarillas";
// escribe alberto gandarillas (todo minúsculas)
document.writeln(nombre.tolowerCase());
</script>
toUpperCase()
<script language="JavaScript">
var nombre = "Alberto Gandarillas";
// escribe ALBERTO GANDARILLAS (todo mayúsculas)
document.writeln(nombre.toUpperCase());
</script>
El objeto Math
El objeto Math nos permite trbajar con valores numéricos a través de propiedades y métodos
para calcular valores trigonométricos, logarítmicos, etc.
La siguiente tabla resume algunas propiedades y métodos del objeto Math.
| Propiedades | Descripción |
| E | Constante de Euler. Base de los logaritmos naturales. (2.71828...) |
| PI | Constante PI. (3.14159...) |
| SQRT1_2 | Raiz cuadrada de 1/2 |
| SQRT2 | Raiz cuadrada de 2 |
| Métodos | |
| abs() | Valor absoluto |
| acos() | Arco coseno |
| asin() | Arco seno |
| atan() | Arco tangente |
| ceil() | El entero mayor o igual al número |
| cos() | Coseno |
| exp() | Calcula e elevado al número |
| floor() | El entero menor o igual al número |
| log() | Logaritmo natural |
| max() | Mayor de dos números |
| min() | Menor de dos números |
| pow() | Calcula el primer número elevado al segundo |
| random() | Genera un valor aleatorio |
| round() | Redondea |
| sin() | Seno |
| sqrt() | Raiz cuadrada |
| tan() | Tangente |
Ejemplo 5. Petición de contraseña.
Este primer programa pedirá una contraseña y avisará si es correcta o no.
<script language="JavaScript">
var password="abc321"
if ( prompt("Escriba su contraseña, por favor", "")==password )
document.writeln("Correcta.");
else
document.writeln("Contraseña incorrecta.");
</script>
Si ya revisamos el script anterior, ya podemos aumentar alguna funcionalidad. Si deseamos que el usuario pueda
registrar la contraseña en mayúsculas o minúsculas, podemos añadir el método
toLowerCase de la siguiente manera.
<script language="JavaScript">
var password="abc321";
var respuesta;
respuesta = prompt("Escriba su contraseña, por favor", "");
if ( respuesta.toLowerCase()==password.toLowerCase() )
document.writeln("Correcta.");
else
document.writeln("Contraseña incorrecta.");
</script>
Para simplificar he añadido una nueva variable que contendrá la respuesta digitada por el usuario.
Luego se aplica el método toLowerCase() tanto a respuesta como a password.
Ahora, podemos reformular un poco el script que recien escribimos. Nuestro nuevo programa no avisará si
la contraseña es correcta, sino que cargará un página de nombre secreta.html. Si la contraseña
es incorrecta, pondrá el mismo mensaje de antes pero en un tamaño más llamativo.
<html>
<head>
<title>Página secreta</title>
</head>
<body>
<script language="JavaScript">
var password="abc321";
var respuesta;
var mensaje1='<FONT SIZE="5" COLOR="red">Contraseña incorrecta!</FONT>';
respuesta = prompt("Escriba su contraseña, por favor", "");
if ( respuesta.toLowerCase()==password.toLowerCase() )
window.open("secreta.html", "nueva ventana");
else
document.writeln(mensaje1);
</script>
</body>
</html>
Ejemplo 6. Suma de quebrados.
En este nuevo ejemplo, haremos un script que pida 2 quebrados escritos en la forma nn/nn y presente la suma correspondiente.
<html>
<head>
<title>Suma de quebrados</title>
</head>
<body>
<script language="JavaScript">
// variables que serán usadas en el programa
var cadena1, cadena2, posBarra;
var numerador1, denominador1, numerador2, denominador2;
var resultNum, resultDen;
// pide primer quebrado
cadena1 = prompt("Primer quebrado :\n(En la forma nn/nn, por favor)", "");
if( cadena1 != "" ) {
posBarra = cadena1.indexOf("/");
if( posBarra==-1 ) {
denominador1 = 1;
posBarra = cadena1.length;
}
else
denominador1 = cadena1.substring(posBarra+1, cadena1.length);
numerador1 = cadena1.substring(0, posBarra);
// hasta aqui ya tenemos el primer quebrado
// pedimos el segundo quebrado
cadena2 = prompt("Segundo quebrado :\n(En la forma nn/nn, por favor)", "");
if( cadena2 != "" ) {
posBarra = cadena2.indexOf("/");
if( posBarra==-1 ) {
denominador2 = 1;
posBarra = cadena2.length;
}
else
denominador2 = cadena2.substring(posBarra+1, cadena2.length);
numerador2 = cadena2.substring(0, posBarra);
}
// convierte a enteros
numerador1 = parseInt(numerador1);
denominador1 = parseInt(denominador1);
numerador2 = parseInt(numerador2);
denominador2 = parseInt(denominador2);
// no continua si algun denominador es 0
if( denominador1==0 || denominador2==0 )
alert("Existe 0 en el denominador. No se puede continuar.");
else {
resultNum = numerador1*denominador2 + numerador2*denominador1;
resultDen = denominador1*denominador2;
alert("Suma : " + resultNum + "/" + resultDen);
}
}
</script>
</body>
</html>
Comentarios a lupar@altavista.com
