Les événements

Exercice 1

Dans une page HTML, créer un bouton Click-me.
Au clic sur ce bouton, afficher dans la console Click.

Exercice 2

Dans une page HTML, intégrer une image.
Au survol de cette image, afficher dans la console, la source de l'image.

Exercice 3

Dans la console, pour chaque touche appuyée par l'utilisateur, afficher :
code de la touche -> valeur de la touche (Ex: 13 -> "Enter").

Exercice 4

Dans une page HTML, créer une liste de 5 métiers du numérique (ou pas).
Dans la console, afficher le métier du numérique sur lequel l'utilisateur clique.

Exercice 5

Dans une page HTML, créer un formulaire contenant un champs firstname et un champs lastname.
A la validation du formulaire, afficher la valeur du nom et du prénom dans la console.

Exercice 6

Avec le formulaire de l'exercice 5, lorsque l'utilisateur est dans un champs, changer la couleur de fond, et lorsqu'il quitte le champs, retirer la couleur de fond.

Exercice 7

Dans le formulaire de l'exercice 5, ajouter un select contenant les jours de la semaine.
Quand l'utilisateur choisi un élément de la liste, afficher sa valeur (1 pour lundi, 2 pour mardi...) dans la console.