Ciclos y decisiones



Hasta ahorita hemos visto cómo hacer cosas sencillas en JavaScript; llega la hora de explotar un poco más el lenguaje.
En ocasiones queremos simplemente tomar decisiones; por ejemplo: hacer algo si el usuario hace "click" en OK y otra cosa distinta si hace "click" en Cancelar.
Para ello se usa la instrucción if ; su sintaxis es:

if (condición) {
comando_o_acción_1
} [else {
comando_o_acción_2
}]

De acuerdo con esta sintaxis, la segunda parte (else{acción}) es opcional. Lo que se logra con esto, es ejecutar la acción 1 si se cumple la condición; de lo contrario, (si se incluye el "else") se ejecuta la acción 2 (si no se incluye el else, no pasa nada). Por ejemplo:

if (confirm("Haz Click:")) {
alert("OK");
} else {
alert("Cancel");
}

Probar

Es un ejemplo simple, pero nos permite hacer cosas más interesantes. Se pueden hacer algunas validaciones con el texto de las formas...
if (document.forms[0].edad.value>17)
{
alert("Eres mayor de edad.");
}


Ahora vamos a hablar de ciclos...
Considera el siguiente ejemplo:

while (confirm("Hasta que hagas click en Cancel..."))
   {
   alert("...Te va a salir este letrerito.");
   }


While tiene la siguiente sintaxis:
while (condición)
{
acción
}
Básicamente, la acción se cumple hasta que deja de cumplirse la condición. También se puede "negar" la condición si está precedida por un signo de admiración "!"...

while (!confirm("Hasta que hagas click en Ok..."))
   {
   alert("...Te va a salir este letrerito.");
   }


Pruébalos...    

El siguiente paso es hacer ciclos fijos.
La sintaxis del "for" es:
for (inicialización ; condición ; incremento)
{
acción
}

La acción se ejecuta mientras se cumpla la condición. Además una variable se "inicializa" y se "incrementa" en cada ciclo. Por ejemplo:

for (i=1; i<=10; i++)
alert(i);

Se inicializa la variable i en 1 y se incrementa (i++) en cada ciclo; la acción (alert..) se ejecuta mientras i valga igual o menos de 10. Esto quiere decir que se va a ejecutar 10 veces el alert, desplegando el número que se está contado.
NOTA: aunque for, if, while, etc.. deben llevar corchetes que delimiten la acción, de no hacerlo, se toma sólo la siguiente instrucción como acción. ¡Mucho cuidado!
Pruébalo...


Sigue: El objeto document

Regresar


El link de esta lección es: http://flores-morones.net/geo/roflo1/HTML/JavaScript/js.html (Se abre en toda la ventana).
<A href=../izq.html>&Iacute;ndice</A>