if en Javascript

Condición If en Javascript, en este articulo te explico y muestro como ponerlo en marcha en tu web.

Condicionales en Javascript

En Javascript al igual que en otros lenguajes de programación contamos con los llamados condicionales.

Los condicionales son elementos que permiten establecer una secuencia de paso a partir del valor o comparación con un valor de una variable que nosotros definimos.

Las condiciones básicas de Javascript son: if, else, else if, y switch

Condición if en Javascript

La condición if es una condición simple que determina si una declaración o statment es verdadera.

La estructura es simple:

if (condición) {
  //  Aqui va todo lo que pasara si la condición es verdadera :)
}

Establecer la condición queda a criterio del programador. Se pueden emplear variables dinámicas o fijas para poder ejecutar código.

Por ejemplo con una variable fija como una hora en especifico del dia:

if (new Date().getHours() < 12) {
  document.getElementById("demo").innerHTML = "Buenos dias!";
}

En el ejemplo anterior la función new Date().getHours() devuelve la hora actual y la compara con una variable fija que es el 12.

La función if en javascript también puede aplicarse con variables dinamicas

var n = document.getElementById("contador").value;
var x = document.getElementById("respuesta").value;
if (n < x) {
  var y = "La respuesta esta en tu corazon";
}

En el ejemplo anterior se utilizan dos variables dinámicas que salen de 2 elementos con Id establecido. La condición las compara y determina mediante una expresión y comparación matemática. En este ejemplo se busca determinar si «x» es mayor que «n»

Si se cumple que la condición if es verdadera entonces la variable «y» toma el texto que hemos establecido. Al cumplirse la condición if en nuestro código también podríamos ejecutar alguna función o llamar a algún elemento.