📘 Chapitre 3 – Conditions et logique booléenne
1. 🎯 Objectif pédagogique
Savoir utiliser les conditions (if
, else
, switch
) et comprendre la logique booléenne pour exécuter du code en fonction de tests ou de situations.
2. 📚 Concepts abordés
- Les valeurs booléennes (
true
etfalse
) - Les instructions
if
,else if
,else
- L’instruction
switch
- Les opérateurs de comparaison (
==
,===
,!=
,>
,<
) - Combinaison avec les opérateurs logiques (
&&
,||
,!
)
3. 🧠 Explication théorique
Une condition permet de tester une situation et d’exécuter un bloc de code si le test est vrai (true
).
Exemple avec if
:
let age = 18;
if (age >= 18) {
console.log("Tu es majeur.");
} else {
console.log("Tu es mineur.");
}
else if
et else
:
let note = 14;
if (note >= 16) {
console.log("Excellent !");
} else if (note >= 10) {
console.log("Bien, tu as la moyenne.");
} else {
console.log("En dessous de la moyenne.");
}
switch
:
let jour = "lundi";
switch (jour) {
case "lundi":
console.log("Début de semaine !");
break;
case "vendredi":
console.log("Presque le week-end !");
break;
default:
console.log("Jour standard.");
}
4. 🛠 Tutoriel pratique
Résumé
Nous allons écrire un script qui affiche un message différent selon l’âge d’un utilisateur.
Arborescence du projet
mon_projet/
├── index.html
└── script.js
Étape 1 : Fichier HTML
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Conditions JS</title>
</head>
<body>
<h1>Tester les conditions</h1>
<script src="script.js"></script>
</body>
</html>
Étape 2 : Code JavaScript
let age = 20;
if (age < 18) {
console.log("Vous êtes mineur.");
} else if (age === 18) {
console.log("Vous venez d’atteindre la majorité !");
} else {
console.log("Vous êtes majeur.");
}
Étape 3 : Test
Ouvre index.html
et observe les messages dans la console.
5. 🧾 Résumé et points-clés
- Les conditions permettent de faire des choix dans un programme.
if / else
sert à tester des situations simples.switch
est pratique pour tester plusieurs cas.