Correction WEB05 - JavaScript : Logique Conditionnelle

Exercice 1 : Prendre des décisions en JS

Affichage pour 22°C : Le message affiché sera "Temperature normale." (car 22 n'est pas supérieur ou égal à 26).
Rôle du bloc else : Il définit les instructions à exécuter si la condition du if est fausse (cas par défaut).
Opérateurs de comparaison : >= (supérieur ou égal), <= (inférieur ou égal), == (égal), != (différent).

Exercice 2 : Manipulation des classes CSS (classList)

1. Ajout de classe :

zoneCard.classList.add("chaud");

2. Pourquoi supprimer l'ancienne classe ?

Il faut utiliser classList.remove("froid") pour éviter que les styles s'accumulent. Si on ne le fait pas, l'élément pourrait avoir les classes "chaud" et "froid" en même temps, ce qui créerait des conflits visuels.

Exercice 3 : Logique de seuils et Feedback visuel

Complétion de la structure conditionnelle pour le dashboard :

if (t >= 26) {
    zoneCard.classList.add("chaud");
    icone.textContent = "🔥"; // Icone feu
} else if (t <= 17) {
    zoneCard.classList.add("froid"); // Classe pour le froid
    icone.textContent = "❄️"; // Icone neige
} else {
    icone.textContent = "✅"; // Icone OK
}

Exercice 4 : Application : Gestion de la lumière

Script pour piloter l'extinction des feux (Mode Nuit) :

function gererLumiere(action) {
    const corpsPage = document.body;

    if (action === 'eteindre') {
        corpsPage.classList.add("mode-nuit");
    } else {
        corpsPage.classList.remove("mode-nuit");
    }
}