1.1 — Premiers pas en JavaScript Aperçu 2.1 — Conditions et logique Aperçu 3.1 — Écrire et utiliser des fonctions Aperçu 4.1 — Tableaux et boucles Aperçu 5.1 — Objets JavaScript Aperçu 6.1 — Le DOM et les sélecteurs Aperçu 7.1 — Modifier la page Aperçu 8.1 — Écouter les événements Aperçu 9.1 — Validation avancée Aperçu 10.1 — Fetch et async/await Aperçu 11.1 — Filter, Map, Reduce Aperçu 12.1 — Persister des données Aperçu 13.1 — Modules ES6 Aperçu 14.1 — Application web interactive Aperçu

const titre = document.querySelector("h1");
titre.textContent = "Nouveau titre";        // Change le texte (sécurisé)
titre.innerHTML = "<span>Titre</span>"; // Insère du HTML (⚠️ sécurité)

const box = document.querySelector(".box");
box.classList.add("active");     // Ajoute la classe
box.classList.remove("hidden");  // Retire la classe
box.classList.toggle("dark");    // Bascule (ajoute si absent, retire si présent)
box.classList.contains("dark");  // Vérifie (true/false)

const newP = document.createElement("p");
newP.textContent = "Je suis nouveau !";
document.querySelector("main").appendChild(newP);