JavaScript if / else

Ejemplo

Si la hora actual (HOUR) es inferior a las 20:00, la salida "Good day" en un elemento con id = "demo":

var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Good day";
}

El resultado será:

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

La sentencia if / else se ejecuta un bloque de código si una condición especificada es verdadera. Si la condición es falsa, otro bloque de código puede ser ejecutado.

La sentencia if / else es una parte de JavaScript de "Conditional" Las declaraciones, que se utilizan para llevar a cabo diferentes acciones basadas en diferentes condiciones.

En JavaScript tenemos las siguientes sentencias condicionales:

Utilizar if para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera
Utilizar else para especificar un bloque de código que se ejecutará, si la misma condición es falsa
Utilizar else if para especificar una nueva condición para poner a prueba, si la primera condición es falsa
Utilice switch para seleccionar uno de los muchos bloques de código para ser ejecutado

Soporte del navegador

Declaración
if/else	Sí	Sí	Sí	Sí	Sí

Sintaxis

La sentencia if especifica un bloque de código que se ejecuta si una condición es verdadera:

if ( La sentencia else especifica un bloque de código que se ejecutará si la condición es falsa:

if ( La sentencia else if especifica una nueva condición si la primera condición es falsa:

if ( Los valores de los parámetros

Parámetro	Descripción
condition	Necesario. Una expresión que se evalúa como verdadera o falsa

Detalles técnicos

Versión de JavaScript:	1.0

Más ejemplos

Ejemplo

Si el tiempo es inferior a las 20:00, crear un "Good day" saludo, de lo contrario "Good evening" :

var time = new Date().getHours();
if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}

El resultado de saludo será:

Inténtalo tú mismo "

Ejemplo

Si el tiempo es inferior a 10:00, crear un "Good morning" saludo, si no es así, pero el tiempo es inferior a las 20:00, crear un "Good day" saludo, de lo contrario un "Good evening" :

var time = new Date().getHours();
if (time < 10) {
    greeting = "Good morning";
} else if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

El resultado de saludo será:

Inténtalo tú mismo "

Ejemplo

Si el primer <div> elemento en el documento tiene un id de "myDIV" , cambiar su tamaño de fuente:

var x = document.getElementsByTagName("DIV")[0];

if (x.id === "myDIV") {
x.style.fontSize = "30px";
}

Inténtalo tú mismo "

Ejemplo

Cambiar el valor de la source atributo (src) de un <img> elemento, si el usuario hace clic en la imagen:

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<script>
function changeImage() {
    var image = document.getElementById("myImage");
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.gif";
    } else {
        image.src = "pic_bulbon.gif";
    }
}
</script>

Inténtalo tú mismo "

Ejemplo

Mostrar un mensaje basado en la entrada del usuario:

Inténtalo tú mismo "

Ejemplo

Validar los datos de entrada:

var x, text;

// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;

// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"

if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input OK";
}

Inténtalo tú mismo "