Rendre des pages Web interactives avec les événements

Vous savez maintenant comment accéder et modifier le DOM de vos page Web. Et vous le ferez pendant des heures et des heures. Mais pourquoi le faire alors qu'on peut commencer une page Web avec tout le HTML dont on a besoin ? Car, maintenant, il est possible de le faire en réponse à des interactions utilisateur. Et c'est ce qui rend le JavaScript si puissant sur les pages Web. Par exemple, on peut créer des diaporamas interactifs qui répondent au clic de l'utilisateur sur un bouton. On peut créer des jeux de toutes sortes, qui répondent quand l'utilisateur presse une touche du clavier, ou déplace la souris pour atteindre un oiseau. On peut traiter des formulaires et valider les entrées d'un utilisateur, répondre alors que l'utilisateur saisit son texte dedans. On peut créer des galeries se chargeant indéfiniment, répondant quand l'utilisateur fait défiler la page. Tout cela est possible en écoutant les événements sur votre page Web. L'utilisateur exerce une action, comme cliquer un bouton. Le navigateur lance (ou déclenche) alors l'événement 'clic' du bouton, et votre code possède déjà une fonction écouteur définie pour cet événement. La navigateur appelle alors votre fonction écouteur, qui correspond à du JavaScript que vous voulez appliquer en réponse. Voici l'essentiel de son fonctionnement, et je vais maintenant vous montrer en détail comment le coder dans votre page Web.