Código Real
Apóyame
JavaScript

Curso de JavaScript

Dale vida a la web.

Aprende a programar, crea interacciones y construye proyectos reales.

Condicionales: if / else

Los condicionales le permiten a tu programa tomar caminos distintos según el valor de una variable: mostrar un mensaje u otro, dependiendo de si algo se cumple o no.

Cargando editor...
Resultado
Preparando resultado...
Cambia stock a 3 y luego a 10 para ver cómo el mensaje pasa por los tres casos: agotado, pocas unidades y disponible.

Explicación

Los condicionales evalúan una condición y deciden qué bloque de código ejecutar:

if (condición) {...}

Ejecuta el bloque solo si la condición es true.

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

Se evalúa solo si el if anterior fue false; permite encadenar varias condiciones.

else {...}

Se ejecuta si ninguna de las condiciones anteriores fue true. Es el caso por defecto.

condición

Cualquier expresión que JavaScript pueda evaluar como true o false, como stock > 5.

Reto rápido

Cambia el valor de stock y agrega una nueva condición else if para el caso en que stock sea exactamente igual a 5.

En esta lección

  • Ejemplo interactivo
  • Explicación de cada etiqueta
  • Cuándo usarlo
  • Errores comunes

Consejo

Escribe primero la condición más específica y deja else como el caso general: así evitas que un else if más amplio "atrape" casos que deberían caer en otra rama.

Dato extra

Puedes anidar un if dentro de otro para revisar condiciones más específicas, pero muchos niveles anidados suelen ser señal de que conviene simplificar la lógica.

Error común

Escribir if (stock = 0) en vez de if (stock === 0): con un solo =, JavaScript asigna 0 a stock en vez de compararlo, y la condición se evalúa según ese valor recién asignado.

Siguiente paso

Ya sabes ramificar tu código con if / else. Cuando compares una misma variable contra muchos valores posibles, switch te va a ahorrar escribir muchos else if seguidos.

Ir a la siguiente lección