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 [Link]</p>
<p id="demo">Good Evening!</p>
<script>
if (new Date().getHours() < 18) {
[Link]("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>
[Link]("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>
[Link]("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: [Link]("demo").innerHTML = "Today is " + day;
day = "Monday"; </script>
break;
case 2: </body>
day = "Tuesday"; </html>
break;
