Interactivité côté client : langage de script JavaScript, manipulation du DOM

En 30 secondes

• JavaScript s'exécute CÔTÉ CLIENT (dans le navigateur), pour rendre une page interactive sans solliciter le serveur à chaque action.
• Le DOM représente la page comme un arbre de NŒUDS ; JavaScript doit SÉLECTIONNER un élément avant de le lire ou le modifier.
• Un ÉVÉNEMENT (clic, chargement) déclenche un GESTIONNAIRE D'ÉVÉNEMENT ; une variable s'INCRÉMENTE en ajoutant une quantité fixe à sa valeur existante.

Ce que tu sauras faire

• Expliquer le rôle de JavaScript dans l'interactivité d'une page web côté client.
• Décrire ce qu'est le DOM et comment JavaScript peut le manipuler.
• Identifier les événements qui déclenchent l'exécution d'une fonction JavaScript.
• Calculer la valeur d'une variable après une série d'instructions JavaScript simples.

Les mots à connaître

JavaScript

le langage de script exécuté par le navigateur, qui permet de rendre une page web interactive côté client.

Côté client

l'exécution d'un programme directement dans le navigateur de l'utilisateur, sans solliciter le serveur à chaque action.

DOM (Document Object Model)

la représentation d'une page HTML sous la forme d'un arbre d'éléments, que JavaScript peut lire et modifier.

Le piège classique

Croire que JavaScript s'exécute sur le serveur : il s'exécute CÔTÉ CLIENT, dans le navigateur de l'utilisateur, sans solliciter le serveur à chaque action.

L'astuce

JavaScript = côté CLIENT (dans le navigateur), pas côté serveur : c'est ce qui permet l'interactivité sans recharger la page.