Retour
Découvrir JavaScript et préparer son environnement
À quoi sert JavaScript ? Aperçu
La console, le navigateur et l’éditeur de code
Relier JavaScript à une page HTML
Variables, types et opérations de base
Variables : let, const et la logique de stockage Aperçu
Les types de données essentiels
Opérateurs, calculs et concaténation
Conditions, comparaisons et boucles
Comparer des valeurs et écrire des conditions Aperçu
if, else, else if et logique métier simple
Boucles for et while
Fonctions, portée et réutilisation du code
Déclarer et appeler une fonction Aperçu
Paramètres et valeurs de retour
Portée des variables et bonnes pratiques simples
Tableaux, objets et données structurées
Créer et parcourir des tableaux Aperçu
Méthodes utiles sur les tableaux
Objets JavaScript : représenter une entité
Manipuler le DOM et réagir aux événements
Sélectionner et modifier des éléments HTML Aperçu
Écouter les clics et autres événements
Créer de petites interactions utiles
Formulaires, validation et retour utilisateur
Lire les valeurs d’un formulaire Aperçu
Empêcher un envoi invalide et afficher des messages clairs
Créer un mini-formulaire interactif
Asynchrone, fetch et premières API
Comprendre l’idée d’asynchrone simplement Aperçu
Utiliser fetch pour récupérer des données
Afficher les données et gérer les erreurs simples
Débogage, logique et mini-projets débutants
Lire les erreurs sans paniquer Aperçu
Méthode simple pour déboguer
Mini-projets de consolidation

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Manipuler le DOM et réagir aux événements Aperçu gratuit

Sélectionner et modifier des éléments HTML

Le DOM est la représentation de la page

Le DOM permet à JavaScript d’accéder aux éléments HTML et de les modifier.

let titre = document.querySelector("h1");
titre.textContent = "Nouveau titre";

Avec querySelector, on peut sélectionner un élément par balise, classe ou identifiant.

Exemple : changer le texte d’un bouton, afficher un résultat ou mettre à jour une zone de message fait partie des manipulations DOM les plus courantes.

Ceci est un aperçu gratuit.
Voir la formation complète