SKIP TO CONTENT
GENERAL TRACK

Rendre les choses interactives

Ajoutez des boutons, des compteurs et un comportement dynamique à vos pages avec JavaScript.

1Qu'est-ce que JavaScript ?

Jusqu'à présent, vos pages étaient statiques — elles affichent du contenu mais rien ne change quand vous interagissez avec elles. JavaScript est ce qui donne vie aux pages. C'est le « cerveau » qui écoute les clics, met à jour le texte, masque et affiche des éléments, et réagit à ce que fait l'utilisateur.

Les trois langages du web

HTML

Le squelette — quel contenu apparaît sur la page

CSS

L'apparence — à quoi ressemble le contenu (couleurs, espacements, polices)

JavaScript

Le cerveau — comment la page se comporte et réagit aux utilisateurs

Quand vous codez des fonctionnalités interactives avec l'IA, elle combine les trois. Votre instruction pourrait être « ajoute un bouton qui compte les clics » et l'IA écrit le HTML (le bouton), le CSS (son apparence) et le JavaScript (ce qui se passe au clic) tout à la fois.

Your guide

2Instruction : "Ajoute un bouton qui compte les clics"

3Personnalisez le compteur

4Instruction : "Ajoute un interrupteur de mode sombre"

5Défi : Créez une liste de tâches interactive