Numérique et sciences informatiques (spécialité) · Première
Événements et JavaScript : fiche de révision de Première NSI
Publié le 6 novembre 2026 · Mis à jour le 6 novembre 2026 · Signaler une erreur
L'essentiel
- JavaScript est un langage de script exécuté par le navigateur : il rend une page web interactive, là où HTML décrit le contenu et CSS la mise en forme.
- Un événement est une action de l'utilisateur (un clic, par exemple) ; on associe à cet événement un code qui s'exécute quand il se produit.
- Dans une balise HTML, un attribut comme
onclickcontient le code à lancer au clic. - JavaScript agit sur la page via le DOM, fourni par le navigateur : il peut afficher, cacher ou modifier des éléments, et contrôler un formulaire.
- Ne pas confondre JavaScript et Java : deux langages différents, nés d'un choix de nom commercial.
À quoi sert JavaScript
Une page écrite seulement en HTML et CSS reste statique : elle s'affiche, mais ne réagit pas à ce que fait l'utilisateur. JavaScript ajoute cette réactivité. C'est un langage de scripts employé surtout dans les pages web interactives, et avec HTML et CSS, il forme le socle des langages du développement web.3 La plupart des navigateurs embarquent un moteur qui l'interprète.3
Qu'est-ce qu'un événement
C'est un changement de logique par rapport à un programme classique. Ici, le code n'attend pas qu'on lui dise « maintenant » dans l'ordre des lignes : il reste en attente et se déclenche à la demande de l'utilisateur.
Agir sur la page : le DOM
Pour modifier la page, JavaScript passe par une interface fournie par le navigateur, le Document Object Model (DOM). Elle permet d'interagir avec le document HTML.3 On parle parfois de HTML dynamique.3
Le propos de JavaScript est de manipuler simplement des objets, au sens informatique, fournis par une application hôte. Dans un navigateur, un script apporte ainsi une touche interactive à une page qui, sans lui, serait figée.3
Où placer le code et comment le tester
Un script placé dans une page HTML doit être délimité par des balises prévues pour cela : le navigateur sait ainsi où commence et où finit le code.1 Il existe d'autres façons d'intégrer JavaScript à du HTML, dont les attributs d'événements vus plus haut.3
Pour essayer un code sans rien installer, on peut utiliser un site de test en ligne comme JSFiddle, cité dans la ressource Éduscol.1
Pièges et culture générale
Questions flash
4 questions · correction immédiate · ton score reste sur ton appareil.
-
JavaScript apporte le comportement dynamique à une page autrement statique.3 La structure relève de HTML et la mise en forme de CSS : c'est l'erreur tentante, car les trois langages travaillent ensemble. JavaScript ne sert pas à stocker les données du serveur.
-
Le code d'un attribut
onclickest exécuté au clic sur le bouton.3 Penser qu'il s'exécute au chargement est faux : l'attribut associe le code à l'événement, il ne le lance pas tout de suite.
Les questions qu'on se pose
Quelle est la différence entre HTML, CSS et JavaScript ?
Pourquoi dit-on que JavaScript s'exécute « côté client » ?
Comment tester un petit code JavaScript sans rien installer ?
Tu peux utiliser un site de test en ligne comme JSFiddle, que cite la ressource Éduscol.1 Tu y écris ton code et tu vois tout de suite le résultat dans le navigateur.
Sources
- Document ressource Éduscol — Interactions avec le Web et JavaScript, Éduscol. Consulté le 6 novembre 2026.
- Ressource pédagogique Éduscol — Événements et DOM, Éduscol. Consulté le 6 novembre 2026.
- JavaScript, Wikipédia. Consulté le 6 novembre 2026.
Les numéros dans le texte renvoient à ces sources. Une source qui ne dit pas ce qu'on lui fait dire ? Signale-le.