Gestion des événements à l'aide d'un event listener (2)

Cet exercice poursuit et étend l'exercice précédent.

Changement de couleur

  1. Télécharger le fichier exo20vide.html.
  2. Dans la fonction Init() :
    1. Identifier l'élément d'identifiant "info" ;
    2. Initialiser une variable couleur à "blue" ;
    3. Changer la couleur du texte de l'élément d'identifiant "info" à couleur, ainsi que son contenu HTML (au chargement de la page, le texte "blue" devrait donc apparaître en bleu) ;
  3. Dans la fonction dessine, changer la couleur de fond du div tracé de manière à ce que ce soit couleur
  4. Dans la fonction crayon :
    1. Tester si la touche Ctrl était enfoncée lors du clic. Si oui, si couleur valait "blue", la mettre à "red" ; sinon, la mettre à "blue", puis changer la couleur du texte de l'élément d'identifiant à couleur, ainsi que son contenu HTML ;
    2. Complémenter la variable dessin.