<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Écouteurs d'évènements :: App Web</title><link>https://cegepmv.github.io/420-211/3-apps-dynamiques/1-event-listeners/index.html</link><description>En Javascript, on utilise des écouteurs d’évènenements (Event Listeners) pour permettre à l’utilisateur d’interagir avec notre application.
Dans une application Javascript “vanille”, il y a 2 façons d’ajouter des événements :
Avec la méthode .addEventListener() : &lt;button id="btn"> const btn = document.getElementById('btn'); function handleClick() { console.log("Le bouton a été cliqué"); } btn.addEventListener("click", handleClick); Avec onclick="fonction()" sur l’élément HTML qu’on veut écouter : &lt;button onclick="fonction()"> function fonction() { // Tâche à faire quand le bouton est cliqué console.log("Le bouton a été cliqué"); } Cette deuxième méthode ressemble beaucoup à celle qu’on utilise avec React. Par exemple. Si on veut faire en sorte que, lorsque nous cliquons sur un bouton, quelque chose est affiché dans la console, il suffit simplement d’ajouter un onClick={fonction} au bouton. Contrairement à la méthode précédente, vous remarquerez qu’on utilise un C majuscule :</description><generator>Hugo</generator><language>fr-fr</language><atom:link href="https://cegepmv.github.io/420-211/3-apps-dynamiques/1-event-listeners/index.xml" rel="self" type="application/rss+xml"/></channel></rss>