Discussion :

[Ikissdalife]

Bonjour je suis nouveau sur le JavaScript. J'essaie d'apprendre un maximum par moi-même en créant des programmes (simples pour l'instant) et en cherchant sur le net. Je souhaite apprendre pour enseigner à mes enfants plus tard.

J'ai une question simple, dont je n'ai pas trouvé la réponse.
Si je veux assigner une action à un <button>.
J'ai écrit un programme, qui fonctionne, classique : button.addEventlistener (click, function() { return alerte()}).

Ma question est comment assigner une action différentes, ou non, à plusieurs boutons sur un même formulaire?
Étant donné que l'événement est appelée ici par la désignation de l'élément... Ex une interface avec plusieurs zones de saisie et donc plusieurs boutons de validation/reset.
Peut-être faut-il utiliser une autre méthode.

Merci de votre attention.

[ProgElecT]

Salut

Bienvenue sur DVP

En ajoutant un id (identifiant) à l'élément HTML, tu pourras utiliser document.getElementById("monelem1") pour viser l'élément voulu.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<button id="Btn1">un premier bouton</button>
<button id="Btn2">un deuxième bouton</button>

et dans la partie <JavaScript>,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.getElementById("Btn1").addEventlistener ("click", function() { return alerte("vous avez cliqué sur le premier bouton")})
document.getElementById("Btn2").addEventlistener ("click", function() { return alerte("vous avez cliqué sur le deuxième bouton")})

[Ikissdalife]

Je vous remercie beaucoup. La réponse est très claire. Merci pour votre accueil.