L'instruction if/elseen JavaScript

JavaScript 语句参考手册Référence des instructions JavaScript

Exemples

Si l'heure actuelle (heures) est inférieure à 20:00, affichez "Good day" sur l'élément avec id="demo" :

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

Résultat de sortie :


Essayez-le vous-même »

D'autres exemples sont inclus en bas de cet article.

Définition et utilisation

L'instruction if/else exécute un bloc de code lorsque la condition spécifiée est vraie. Si la condition est fausse, un autre bloc de code sera exécuté.

L'instruction if/else fait partie des instructions conditionnelles de JavaScript, qui sont utilisées pour effectuer différentes actions en fonction de différentes conditions.

En JavaScript, nous pouvons utiliser les instructions conditionnelles suivantes :

  • L'instruction if- Utilisez cette instruction pour exécuter du code uniquement lorsque la condition spécifiée est vraie.
  • L'instruction elseExécute ce bloc de code si la condition de l'instruction if est fausse.
  • L'instruction else if- Testez une nouvelle condition, si la première condition est fausse.
  • L'instructionswitch- Sélectionnez l'un des nombreux blocs de code à exécuter.

Prise en charge des navigateurs

Instruction
if/else Oui Oui Oui Oui Oui

Syntaxe

ifL'instruction spécifie le bloc de code à exécuter lorsque la condition est vraie :

if (condition) {
Exécutez ce bloc de code si la condition est vraie.
}

elseL'instruction spécifie le bloc de code à exécuter lorsque la condition est fausse :

if (condition) {
Exécutez ce bloc de code si la condition est vraie.
} else {
Exécutez ce bloc de code si la condition est fausse.
}

else ifL'instruction spécifie une nouvelle condition lorsque la première condition est fausse :

if (condition1) {
Exécutez ce bloc de code si condition1 est vraie.
} else if (condition2) {
Exécutez ce bloc de code si condition1 est fausse et condition2 est vraie.
} else {
Exécutez ce bloc de code si condition1 est fausse et condition2 est fausse.
}

Valeurs des paramètres

Paramètre Description
condition Requis. Expression à évaluer pour la condition : vrai ou faux.

Détails techniques

Version JavaScript : 1.0

实例

Plus d’exemples

Exemple

Si l'heure est inférieure à 20:00, générez un message d'accueil « Bonne journée », sinon affichez « Bonsoir » :

var time = new Date().getHours();
if (time < 20) {
    greeting = "Bonne journée";
} else {
    greeting = "Bonsoir";
}

Le résultat de sortie du message d'accueil est :

var d=new Date(); var time=d.getHours(); if (time<20) { document.write("Bonne journée"); } else { document.write("Bonsoir"); }

Essayez-le vous-même »

Exemple

Si l'heure est inférieure à 10:00, affichez un message d'accueil « Bonjour » ; si l'heure est inférieure à 20:00, affichez un message d'accueil « Bonne journée » ; sinon affichez « Bonsoir » :

var time = new Date().getHours();
if (time < 10) {
    greeting = "Bonjour";
} else if (time < 20) {
    greeting = "Bonne journée";
} else {
    greeting = "Bonsoir";
}

Le résultat de sortie du message d'accueil est :

var d=new Date(); var time=d.getHours(); if (time<10) { document.write("Bonjour"); } else if (time<20) { document.write("Bonne journée"); } else { document.write("Bonsoir"); }

Essayez-le vous-même »

Exemple

Modifiez la taille de police du premier élément <div> du document dont l'id est égal à "myDIV" :

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

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

Essayez-le vous-même »

Exemple

Modifiez l'attribut src de l'élément <img> lorsque l'utilisateur clique sur l'image :

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

Essayez-le vous-même »

Exemple

Validez les données d'entrée :

var x, text;

// Récupérer la valeur du champ de saisie avec id="numb"

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

// Si x n'est pas un nombre, ou si x est inférieur à 1, ou si x est supérieur à 10, afficher "Veuillez saisir une valeur valide"
// Si la valeur de x est comprise entre 1 et 10, afficher "Entrée correcte"

if (isNaN(x) || x < 1 || x > 10) {
text = "Veuillez saisir une valeur valide";
} else {
text = "Entrée";
}
document.getElementById("demo").innerHTML = text;

Essayez-le vous-même »

Pages associées

Tutoriel JavaScript:Instruction If...Else JavaScript

Tutoriel JavaScript:Instruction Switch JavaScript

JavaScript 语句参考手册Référence des instructions JavaScript Autres extensions