Cours DOM — JavaScript

Structure du projet

cours-dom/
├── 01-warmup.html         → Warm-up : boucle for
├── 02-selectionner.html   → Bloc 2 : sélectionner des éléments
├── 03-modifier.html       → Bloc 3 : modifier contenu et style
├── 04-evenements.html     → Bloc 4 : les événements
├── 05-compteur.html       → Projet final : compteur interactif
├── css/
│   └── style.css          → Styles partagés
└── js/
    ├── 01-warmup.js
    ├── 02-selectionner.js
    ├── 03-modifier.js
    ├── 04-evenements.js
    └── 05-compteur.js

Comment tester dans VSCode

1. Installe l'extension Live Server (ritwickdey.LiveServer)
2. Clic droit sur un fichier .html → "Open with Live Server"
3. La page s'ouvre dans le navigateur et se recharge automatiquement
4. Ouvre la console avec F12 pour voir les console.log

Ordre du cours

Fichier	Heure	Ce qu'on apprend
01-warmup.html	9h00 – 9h15	Révision boucle for
02-selectionner.html	9h15 – 9h45	getElementById, querySelector, querySelectorAll
03-modifier.html	9h45 – 10h20	textContent, style, classList
04-evenements.html	10h20 – 10h50	addEventListener, click, input, mouseover
05-compteur.html	10h50 – 11h00	Projet final — tout relier