JavaScript xdiseñadores

Condicionales

Una sentencia condicional es una instrucción en la que se hace una comparación y según el resultado verdadero o falso (true o false) el programa ejecuta u omite una serie de sentencias dependiendo. La sintaxis de esta sentencia es.

  • if – se ejecuta el código solo si la condición es verdadera
  • if...else - se ejecuta el código 1 solo si la condición es verdadera y si es falsa se ejecuta el código 2

if
La sintaxis es:

if (condición)
{

Código que será ejecutado si la condición es verdadera
}

If else
La sintaxis es:

if (condition)
{

Este código será ejecutado si la condición es verdadera
}
else
{

Este código será ejecutado si la condición es falsa
}

function permutardisplay(cual) {
var micontenedor = document.getElementById(cual);
if (micontenedor.style.display == "block") {
micontenedor.style.display = "none";
} else {
micontenedor.style.display = "block";
}
}

Llamaríamos a la función con esta sintaxis.

<div id="micontenedor"> ... este es el contenido ... </div>

<a href="#" onClick="permutardisplay('micontenedor')"> abrir/cerrar capa </a>


Existe esta forma simplificada:

(condición) ?{bloque si cierta} : {bloque si falsa}

(condición) ? Este código será ejecutado si la condición es verdadera : Este código si la condición es falsa;

Ejemplo

greeting=(visitor=="PRES")?"Dear President ":"Dear ";


Que se lee así:
si la variable visitor tiene el valor de "PRES", entonces a la variable greeting le sera asignado el valor "Dear President " y si no se le asignará el valor "Dear".

switch
Durante la ejecución se ejecuta el código correspondiente. La instrucción break pone fin al bloque y hace que el programa salte a la instrucción siguiente a la sentencia switch(), si se omite el programa continuaría con la siguiente comparación. La sección del default es opcional, su finalidad es ejecutar algún código cuando ninguna de las condiciones se cumpla.

La sintaxis es: 

switch(n)
{
case 1:
 Ejecuta el código del caso 1
  break;
case 2:
 Ejecuta el código del caso 2
  break;
default:
 
Código que se ejecuta si n es diferente del caso 1 o el caso 2
}

Ejemplo

<html>
<body>

<script type="text/javascript">
var d = new Date();
theDay=d.getDay();
switch (theDay)
{
case 5:

document.write("<b>por fin es viernes</b>");

break;

case 6:

document.write("<b>Super Sábado</b>");

break;

case 0:

document.write("<b>Domingo</b>");

break;

default:

document.write("<b>Deseando que llege el fin de semana</b>");

}
</script>

<p> Este JavaScript genera un texto diferente según el día de la semana. Hay que tener en cuenta que comienza con el valor 0 que es el domingo, Domingo=0, lunes=1, martes=2, etc.</p>

</body>
</html>