Condicionales

En muchos casos, necesitamos tomar decisiones en un programa para ejecutar diferentes sentencias si una condición se cumple. Por ejemplo, mostrar en la ventana un mensaje que diga 'Estás aprobado' si la variable notaDelParcial es >= (Mayor o igual) a 4.

Este tipo de decisiones en el código las vamos a escribir usando la sentencia if seguida de una expresión entre () (paréntesis) que debe poder ser interpretada como true para ejecutar el código que está entre {} (llaves).

Veamos un ejemplo para que sea más claro:

// Declaro y asigno una variable
let notaDelParcial = 8;

// Si `notaDelParcial` es mayor o igual a 4
if (notaDelParcial >= 4) {

    // Muestro por la ventana un mensaje de que el usuario aprobó
    alert('Estás aprobado');

}

También existe la clausula else (no obligatoria, podés omitirla si no es necesaria) que nos permite especificar las sentencias a ejecutar si la condición original del if no se cumplió.

// Declaro y asigno una variable
let notaDelParcial = 8;

// Si `notaDelParcial` es mayor o igual a 4
if (notaDelParcial >= 4) {

    // Muestro por la ventana un mensaje de que el usuario aprobó
    alert('Estás aprobado');

// Caso contrario: `notaDelParcial es menor a 4`
} else {

    // Muestro por la ventana un mensaje de que el usuario desaprobó
    alert('Seguí participando');

}

Por último, existe la clausula else if (no obligatoria, podés omitirla si no es necesaria) que tiene la misma función que el if que ya conocés, solo que podés escribir más de uno para abarcar más casos.

// Declaro y asigno una variable
let temperaturaActual = 24;

// Muestro un mensaje por la ventana en base a la temperatura

// Si la temperatura es menor a 10 grados...
if (temperaturaActual < 10) {

    alert('¡QUE FRIO!');

} else if (temperaturaActual < 15) { // Si es menor a 15

    alert('Asegurate de llevar una campera porque hace frio');

} else if (temperaturaActual <= 22) { // Si es menor o igual a 22

    alert('Es un día hermoso (:');

} else if (temperaturaActual < 30) { // Si es menor a 30

    alert('Que lindo sería poder meterme a la pileta');

} else if (temperaturaActual < 40) { // Si es menor a 40

    alert('¡Que calor hermano!');

} else { // Hace más de 40 grados

    alert('¿ESTO ES EL DESIERTO?');

}

Tips

• Dentro de cada if, if else o else podés declarar y asignar variables, mostrar mensajes por la ventana o cualquier otra sentencia que sepas. No te limites solo a estos ejemplos.

• Siempre que tengas un caso como el ejemplo anterior, un consejo es: asignar el mensaje a mostrar en una variable y hacer el alert mostrando su valor al final.

    // Declaro y asigno una variable
    let temperaturaActual = 24;
  
    // Declaro una variable sin asignarle valor,
    // por lo que JavaScript le pone `undefined`
    let mensajeAMostrar;
  
    // Si la temperatura es menor a 10 grados,
    // guardo el mensaje que quiero mostrar al final del programa
    if (temperaturaActual < 10) {
  
        mensajeAMostrar = '¡QUE FRIO!';
  
    } else if (temperaturaActual < 15) { // Si es menor a 15
  
        mensajeAMostrar = 'Asegurate de llevar una campera porque hace frio';
  
    } else if (temperaturaActual <= 22) { // Si es menor o igual a 22
  
        mensajeAMostrar = 'Es un día hermoso (:';
  
    } else if (temperaturaActual < 30) { // Si es menor a 30
  
        mensajeAMostrar = 'Que lindo sería poder meterme a la pileta';
  
    } else if (temperaturaActual < 40) { // Si es menor a 40
  
        mensajeAMostrar = '¡Que calor hermano!';
  
    } else { // hace más de 40 grados
  
        mensajeAMostrar = '¿ESTO ES EL DESIERTO?';
  
    }
  
    // Muestro el valor de la variable que va a ser:
    // 'Que lindo sería poder meterme a la pileta' porque la temperatura
    // es 24 grados, por lo que el código pasó por el tercer `else if`
    alert(mensajeAMostrar);

Ejercicios

1. Declarar una variable que se llame ganeLaCarrera y asignarle el valor false. Mostrar mediante alert un mensaje que diga 'Ganaste' si ganeLaCarrera es verdadero y 'Perdiste' si su valor es falso.

2. Declarar una variable que se llame posicionEnLaCarrera y asignarle el número 6. Mostrar mediante alert uno de los siguientes mensajes según la posición que salió el corredor:

   • 'FELICITACIONES, SALISTE 1RO' si la posicionEnLaCarrera es 1.

   • 'Te falto poquito para ganar' si la posicionEnLaCarrera es 2.

   • 'Sos un orgullo para tu familia' si la posicionEnLaCarrera es 3.

   • 'Volvé a tu casa' si la posicionEnLaCarrera es mayor a 3.

   • 'No tires fruta' si la posicionEnLaCarrera es otro valor no contemplado antes.

3. Repetir el ejercicio anterior pero usando un solo alert en todo el programa.

Respuestas

Continuar con prompt()