Javascript: lenguaje interactivo para dinamizar la web.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 31
Visitas el mes pasado: 55
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
Si este sitio te parece interesante puedes contribuir con una pequeña aportació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.
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.
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:
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).
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
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