JavaScript if / else Déclaration

Exemple

Si l'heure actuelle (HOUR) est inférieure à 20h00, sortie "Good day" dans un élément avec id = « demo »:

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

Le résultat sera:

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

If / else instruction exécute un bloc de code si une condition est vraie. Si la condition est fausse, un autre bloc de code peut être exécuté.

If / else instruction est une partie de JavaScript de "Conditional" Des déclarations, qui sont utilisés pour effectuer différentes actions en fonction des conditions différentes.

En JavaScript, nous avons les instructions conditionnelles suivantes:

Utiliser if pour spécifier un bloc de code à exécuter, si une condition spécifiée est vraie
Utilisez else pour spécifier un bloc de code à exécuter, si la même condition est fausse
Utilisez d' else if spécifier une nouvelle condition à tester, si la première condition est fausse
Utilisez l' switch pour sélectionner l' un des nombreux blocs de code à exécuter

Support du navigateur

Déclaration
if/else	Oui	Oui	Oui	Oui	Oui

Syntaxe

L'instruction if spécifie un bloc de code à exécuter si une condition est vraie:

if ( L'instruction else spécifie un bloc de code à exécuter si la condition est fausse:

if ( L'instruction else if spécifie une nouvelle condition si la première condition est fausse:

if ( Les valeurs des paramètres

Paramètre	La description
condition	Champs obligatoires. Une expression qui renvoie vrai ou faux

Détails techniques

JavaScript Version:	1.0

autres exemples

Exemple

Si le temps est inférieur à 20h00, créer une "Good day" salutation, sinon "Good evening" :

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

Le résultat de salutation sera:

Essayez vous - même »

Exemple

Si le temps est inférieur à 10:00, créer un "Good morning" message d' accueil, sinon, mais le temps est inférieur à 20:00, créer une "Good day" salutation, sinon 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";
}

Le résultat de salutation sera:

Essayez vous - même »

Exemple

Si le premier <div> élément dans le document a un id de "myDIV" , changer sa taille de la police:

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

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

Essayez vous - même »

Exemple

Modifier la valeur de la source de l' attribut (src) d'un <img> élément, si l'utilisateur clique sur l'image:

<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>

Essayez vous - même »

Exemple

Afficher un message basé sur l'entrée d'utilisateur:

Essayez vous - même »

Exemple

Valider les données d'entrée:

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";
}

Essayez vous - même »