COURS COMPLET JAVASCRIPT [39/65] - La méthode addEventListener

[@JoeSmith-wu3yz]

Merci Pierre Giraud, ton Tuto m'a sauvé d'une mauvaise note certaine, car j'y comprenais rien au JavaScript. Aujourd'hui c'est devenu un de mes langages préférés :)

[@1stinfamous]

Merci Pierre pour tes capacités à vulgariser ce qui pourrait sembler compliqué aux premiers abords.

Merci beaucoup. un vrai AS. un tuto sur le Async/Await/Promises & Callbacks et tu sera un vrai champion du monde. Bravo et merci beaucoup

[@khadijakaimous656]

t'es merveilleux pierre j'adore tes videos

[@yasdoc1111]

merci MR pierre pour les tuto c' est tres bien expliqué

[@ameliealice51300]

vos vidéo sauve ma formation !!! merci (jai les livre sur mon pc mais ca sera pour apres me perfectionnai) mais juste avec les vidéo jai compreis beaucoup de chose que ne me semblais pas claire avec mes cours de formation

[@nismabennani3092]

GRAND merci pierre

[@bouroudji]

Merci pour ces tutos, excellent cours !

[@syliada3833]

merci bien j'adore vous tuto sa m'aide bcp ^^ et moi aussi j'aime bien la couleur orange lol

[@TheManucci]

Bonjour Pierre, un tout grand merci car ton cours est top ! Puis concernant l'exemple incluant les fonctions de reset, j'ai trouvé ça plus naturelle que la fonction reset 2 affiche "Cliquez moi maintenant" car lorsqu'on relâche le bouton (droit) de la souris, on est à coup sûr encore dessus... voilà mon retour, bonne continuation et encore merci pour le temps consacré à la création de cette playlist !

[@TheManucci]

j'espère qu'il s'enrichira car ton cours est assez incontournable selon moi

[@splashpub6518]

merci bcp le tuto est très bien juste une très petite remarque, faite attention au prononciation des mots en anglais, si non toute est parfait Pierre

[@aissata5258]

Très bien expliqué !

[@yvanango7221]

Excellent explication

[@Dayaaan_v]

tres bon tuto MERCI Pierre

[@TheNarstonerz]

merci pour ta vidéo mais je suis trop bourré pour comprendre quoi que ce soit. Je te met quand même un pouce bleu though !

[@mamoudoudiallo9809]

Merci beaucoup video tres interessante

[@kamsb2831]

Pourquoi lorsque l'on selectionne : var p1 = document.querySelector('p'); L'evenement se passe seulement sur le premier paragraphe? Sachant que l'on n'a pa selectionner un des 2 paragraphes en particulier? Merci de m'eclairer si quelqun connait la reponse!!

[@maelstrom57]

C'est parce que querySelector() ne sélectionne que le premier élément concerné. Pour sélectionner tous les , il aurait utilisé querySelectorAll() à la place.

[@willmario7436]

Tout d'abord merci pour vos vidéos. Juste une petite question : pour les 4 fonctions créées pourquoi apres l'accolade de fin on n'ajoute pas un point-virgule ?

[@emmanuelgahi6657]

c'est pas obligatoire, vu que la dernière instruction est suivie d'une virgule

[@adela544]

Bonjour Pierre, tout d'abord merci pour ce magnifique cours. Par ailleurs j'ai une toute petite question toute bête, qui est pourquoi malgré le fait qu'on écrit notre fonction changeTexte après avoir préciser le nom de cette dernière en argument de la méthode addEventListener() le code s'exécute quand même ? et si il y a un arrêt du code entre addEventListener et (function ...) par exemple une boucle depuis laquelle on peut pas sortir, es que notre fonction s'exécutera quand même lors qu'on clique sur notre élément p ? ne serais pas plus correct ou plus sûr d’écrire d'abord le code de notre fonction ?

[@newte560]

avant ou après dans ce cas précis cela n'a pas d'importance puisque la méthode addEventListener() est déclenchée par un utilisateur après que l'ensemble du code ait été pris en compte. Mais pour une méthode qui se déclenche directement dans ton code oui tous les paramètres doivent être déclarés avant.

[@Azer_Oner]

Bonjour ! Je crois qu'un "bug" peut se produire quand on reste cliqué puis qu'on le relache en dehors du paragraphe. Comment pourrait-on y remédier ? Peut être que j'aurais ma réponse dans les prochaine vidéos mais au moins si quelqu'un aurait la gentillesse de répondre pour les prochains qui passeront par ici et qui se poserait la question :)

[@1stinfamous]

Ce n'est pas un bug à proprement parlé mais lorsque l'on fait cela on empêche l'exécution du mouseup (Reset2) car on ne relache pas au bon endroit donc le code Reset2 ne s'execute pas.

[@alea621]

super ! merci beaucoup !

[@cristianchretien7322]

elle est tres bien la video

[@realhustler3192]

Salut! Merci pour ces vidéos, c'est très utile! Vous faites un boulot Génial. Pour ce qui est des évènements, la var p1 = document.querySelector('p'); Je pense que cela inclut toutes les balises du , alors pourquoi quand tu survoles sur le

[@Senka333]

C'est ce que je pensais aussi, mais il me semble que querySelector ne sélectionne que la première balise du document. Il aurait fallut à ce moment là utiliser plutôt document.querySelectorAll('p') pour sélectionner toutes les balises du document. Je ne suis pas sur sur de moi car je débute également. Mais il me semble que ça fonctionne comme cela.

[@eulinepalie1316]

Salut, querySelector('p') sélectionne UNIQUEMENT le premier 'p' trouvé (donc le deuxième paragraphe n'est pas sélectionné). Ne confonds pas avec querySelectorAll('p') qui sélectionne tous les 'p' et les stocke dans un tableau.

[@realhustler3192]

Salut! Je vous remercie pour cette explication. Je me suis rendu compte de ma négligence quelques temps après avoir laisser le commentaire.

[@ProgrammationTricksTips]

non querySelector ne fait que sélectionner le premier paragraphe de nœud Parent Document, contrairement à querySelectorAll qui sélectionne tout les balises :D

[@ImaMusic2k]

querySelectorAll revoi un tableau.. il faut donc faire une boucle for pour tous les affecter. 😉

[@mohameddidi5421]

Merci !

[@domaincontroller]

08:37

[@adede6815]

c est bien