Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de Javascript

Javascript: lenguaje interactivo para dinamizar la web.

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

RSS. Suscribir canal.

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.

Este obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial 4.0 Internacional.

4. Estructuras básicas (IV)

4.4 Condicionales I

Definición

Al realizar un programa muchas veces necesitamos que una parte sólo se ejecute si se cumple una determinada condición, de tal forma que si la condición se cumple, el programa hará una cosa, y si no se cumple, o no hará nada o hará otra cosa distinta.

Para ello javascript dispone de un tipo de estructuras en las cuales indicamos una condición, la cual, si se cumple, pasa a realizar una serie de acciones, y si no se cumple pasará a realizar otras acciones distintas, o a no realizar nada.

Escructura if

La estructura más usada para comprobar una condición es la estructura if, la cual tiene la siguiente sintaxis:

if (condición) { ... codigo ... }

En primer lugar escribimos la palabra reservada if después entre paréntesis escribimos la condición, y después entre corchetes se escriben las instrucciones o sentencias que deben ejecutarse en caso de que la condición se cumpla.

Operadores condicionales

Para poder escribir la condición debemos comprobar si un elemento cumple ciertas condiciones, para ello utilizaremos los operadores condicionales. Estos nos dirán si un elemento es igual, mayor, menor, o distinto de otro. El resultado de estos operadores es siempre un valor booleano. Si la condición se cumple, el resultado es true (verdadero) y si no se cumple el resultado es false (falso). Los operadores condicionales son los siguientes:

Debemos tener especial cuidado con el operador de igualdad (==) , y no confundirlo con el de asignación (=), ya que mientras el primero simplemente comprueba si un valor es igual a otro, el segundo asigna al primer operador el valor del segundo.

Todos estos operadores devuelven el valor booleano true cuando lo que se está comprobando es verdadero, y devuelven false si lo que se comprueba es falso.

En las estructuras condicionales con if normalmente pondremos dentro del paréntesis alguna de las operaciones realizadas con los operadores condicionales, ya que el código sólo se ejecutará si el valor devuelto por lo que hay dentro del paréntesis es true (verdadero).

Realizar otra acción cuando el resultado es falso

Tenemos la opción de que en la estructura if si la condición que le pasamos no se cumple, se realice una acción diferente de la primera. Para ello, después del código visto anteriormente, escribiremos el siguiente código:

else { ... instrucciones javascript ... }.

Como ves, empleamos la palabra reservada else seguida de las instrucciones que han de ejecutarse (escritas también entre corchetes) en el caso de que el valor de la condición sea falso.

El código completo de una estructura condicional será el siguiente:

if ( condición ) {
    instrucciones javascript
    }
    else {
    instrucciones javascript
    }

Veamos ahora un sencillo script en el que aplicamos una condición para obtener un resultado u otro.

function cifra(){
         num = prompt("escribe un número");
         num = Number(num);
         if (num >= 10) {
            alert("Tu número tiene más de una cifra");
            }
            else {
            alert("tu número solo tiene una cifra");
            }
         }

En este script hemos usado una función dentro de la cual hemos usado una estructura if.

Para ver cómo funciona este script podemos llamar a la función desde un atributo onclick en un elemento de la página:

<p onclick="cifra()">Ver el ejemplo</p>

El script puedes verlo funcionando si pulsas en el siguiente párrafo

Ver el ejemplo

En la página siguiente seguiremos viendo la estructtura condicional if

Condicionales II

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com