Vous êtes sur la page 1sur 10

JavaScript S5

Structure conditionnelle

Madame Neffati Aroua


if else et else if
Les instructions conditionnelles sont utilisées pour effectuer différentes actions définies sur différentes
conditions

Expressions conditionnelles
Exemple
< !DOCTYPE html>

<html>

<body>

<p>Display "Good day!" if the hour is less than 18:00:</p>

<p id="demo">Good Evening!</p>

<script>

if (new Date().getHours() < 18) {

document.getElementById("demo").innerHTML = "Good day!";

</script>

</body>

</html>
La déclaration d'autre
Utilisez l ' else instruction pour compléter un bloc de code à respecter si la condition est fausse.

if (condition) {

// block of code to be executed if the condition is true

} else {

// block of code to be executed if the condition is false

}
Exemple
Si l'heure est inférieure à 18, choisissez un message d'accueil "Bonne journée", sinon "Bonsoir":

<!DOCTYPE html> var hour = new Date().getHours();

var greeting;
<html>
if (hour < 18) {
<body>
greeting = "Good day";
<p>Click the button to display a time-based greeting:</p>
} else {
<button onclick="myFunction()">Try it</button>
greeting = "Good evening";
<p id="demo"></p>
}
<script>
document.getElementById("demo").innerHTML = greeting;
function myFunction() {
}

</script>

</body>

</html>
La déclaration sinon si
Utilisez l ' else ifinstruction pour ajouter une nouvelle condition si la première condition est fausse.

if (condition1) {

// block of code to be executed if condition1 is true

} else if (condition2) {

// block of code to be executed if the condition1 is false and condition2 is true

} else {

// block of code to be executed if the condition1 is false and condition2 is false

}
Exemple
Si l'heure est inférieure à 10h00, choisissez un message d'accueil «Bonjour», sinon, mais l'heure est inférieure à 20h00,
choisissez un message d'accueil «Bonjour», sinon un «Bonsoir»:

if (time < 10) { greeting = "Good morning";


<html>

<body>
} else if (time < 20) {

<p>Click the button to get a time-based greeting = "Good day";


greeting:</p>
} else {
<button onclick="myFunction()">Try it</button>
greeting = "Good evening";
<p id="demo"></p>
}
<script>
document.getElementById("demo").innerHTML = greeting;
function myFunction() {
}
var greeting;
</script>

var time = new Date().getHours(); </body>

</html>
L ' switchinstruction est utilisée pour effectuer différentes actions en fonction de différentes conditions.

switch(expression) {

case x: Voilà comment cela fonctionne:

// code block ● L'expression de commutateur est une fois.


● La valeur de l'expression est comparée aux valeurs de chaque cas.
break;
● S'il y a correspondance, le bloc de code associé est passé.
case y: ● S'il n'y a pas de correspondance, le bloc de code par défaut est fonctionné.

// code block

break;

default:

// code block

}
Exemple
La getDay()méthode revient le jour de la semaine sous la forme d'un nombre compris entre 0 et 6.

(Dimanche = 0, lundi = 1, mardi = 2 ..)

Cet exemple utilise le numéro du jour de la semaine pour calculer le nom du jour de la semaine:

<!DOCTYPE html> case 3:


<html> day = "Wednesday";
<body> break;
case 4:
<p id="demo"></p> day = "Thursday";
break;
<script> case 5:
var day; day = "Friday";
switch (new Date().getDay()) { break;
case 0: case 6:
day = "Sunday"; day = "Saturday";
break; }
case 1: document.getElementById("demo").innerHTML = "Today is " + day;
day = "Monday"; </script>
break;
case 2: </body>
day = "Tuesday"; </html>
break;

Vous aimerez peut-être aussi