Entendido.

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

Logo

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++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 43

Visitas el mes pasado: 77

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de Javascript
Desarrollo Web, por Miguel Angel Álvarez
Libros Web: introducción a Javascript
Libros web, por Javier Eguíluz Pérez
Curso de Javascript: Programación Web
www.programacionweb.net
WebEstilo: JavaScript
www.webestilo.com
W3 schools; Javascript Tutorial
www.w3schools.com
Manual de Javascript: José Antonio Rodríguez.
Jose Antonio Rodriguez: manual en PDF

Donativos

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




4. Estructuras básicas (IV)

4.4 Condicionales I

javascript

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:


Operadores condicionales
Nombre Signo Descripción Ejemplo
igual == Comprueba si los dos elementos son iguales num1 == num2
idéntico === Comprueba si los dos elementos son iguales, pero aquí se comprueba también que los datos sean del mismo tipo. num1 === num2
No igual != Comprueba si los dos elementos son distintos, si son iguales devuleve false num1 != num2
No idéntico !== Igual que el anterior, pero también comprueba si los datos son del mismo tipo num1 !== num2
Mayor que > Comprueba si el primer valor es mayor que el segundo, si es así devuelve true y si no devuelve false num1 > num2
Menor que < Comprueba si el primer valor es menor que el segundo. num1 == num2
Mayor o igual que >= Comprueba si el primer valor es mayor o igual que el segundo. num1 >= num2
Menor o igual que <= Comprueba si el primer valor es mayor o igual que el segundo. num1 <= num2

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







manual de Javascript

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

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

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

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