JavaScript if/elseSentencia

JavaScript 语句参考手册Manual de referencia de sentencias de JavaScript

Ejemplo

Si la hora actual es anterior a las 20:00, muestra "Good day" en el elemento con id="demo":

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

Resultado:


Pruébalo »

Este artículo contiene más ejemplos al final.

Definición y uso

La sentencia if/else ejecuta un bloque de código cuando la condición especificada es true. Si la condición es false, ejecuta otro bloque de código.

La sentencia if/else es parte de las sentencias condicionales de JavaScript, que se utilizan para realizar diferentes acciones según diferentes condiciones.

En JavaScript, podemos usar las siguientes sentencias condicionales:

  • Sentencia if- Usa esta sentencia para ejecutar código solo cuando la condición especificada es true.
  • Sentencia elseEjecuta este bloque de código si la condición de la sentencia if es false.
  • Sentencia else if- Comprueba una nueva condición, si la primera condición es false.
  • switchSentencia- Selecciona uno de varios bloques de código para ejecutar.

Soporte del navegador

Sentencia
if/else Yes Yes Yes Yes Yes

Sintaxis

ifLa sentencia especifica el bloque de código que se ejecuta cuando la condición es true:

if (condition) {
Ejecuta este bloque de código si condition es true.
}

elseLa sentencia especifica el bloque de código que se ejecuta cuando la condición es false:

if (condition) {
Ejecuta este bloque de código si condition es true.
} else {
Ejecuta este bloque de código si condition es false.
}

else ifLa sentencia especifica una nueva condición si la primera condición es false:

if (condition1) {
Ejecuta este bloque de código si condition1 es true.
} else if (condition2) {
Ejecuta este bloque de código si condition1 es false y condition2 es true.
} else {
Ejecuta este bloque de código si condition1 es false y condition2 es false.
}

Valores de parámetros

Parámetro Descripción
condition Obligatorio. Expresión utilizada para la evaluación de la condición: true o false.

Detalles técnicos

Versión de JavaScript: 1.0

实例

Más ejemplos

Ejemplo

Si la hora es anterior a las 20:00, genera un saludo "Good day"; de lo contrario, muestra "Good evening":

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

El resultado del saludo es:

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

Pruébalo »

Ejemplo

Si la hora es anterior a las 10:00, muestra un saludo "Good morning"; si la hora es anterior a las 20:00, muestra un saludo "Good day"; de lo contrario, muestra "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 del saludo es:

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

Pruébalo »

Ejemplo

Cambia el tamaño de fuente del primer elemento <div> en el documento con id igual a "myDIV":

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

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

Pruébalo »

Ejemplo

Cambia el atributo src del elemento <img> cuando el usuario hace clic en la imagen:

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif.html" 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>

Pruébalo »

Ejemplo

Valida los datos ingresados:

var x, text;

// Obtener el valor del campo de entrada con id="numb"

x = document.getElementById("numb").value;

// Si x no es un número, o x es menor que 1 o mayor que 10, muestra "Por favor ingresa un valor válido"
// Si el valor de x está entre 1 y 10, muestra "Entrada correcta"

if (isNaN(x) || x < 1 || x > 10) {
text = "Por favor ingresa un valor válido";
} else {
text = "Entrada correcta";
}
document.getElementById("demo").innerHTML = text;

Pruébalo »

Páginas relacionadas

Tutorial de JavaScript:Sentencia If...Else de JavaScript

Tutorial de JavaScript:Sentencia Switch de JavaScript

JavaScript 语句参考手册Manual de referencia de sentencias de JavaScript Otras extensiones