Appeler deux fonctions à partir du même onclick

Question

HTML ET JS

Comment appeler 2 fonctions à partir d'un événement onclick ? Voici mon code

 <input id ="btn" type="button" value="click" onclick="pay() cls()"/>

les deux fonctions étant pay() et cls(). Merci !

Answer 1

Ajouter des points-virgules ; à la fin des appels de fonction pour que les deux fonctionnent.

 <input id="btn" type="button" value="click" onclick="pay(); cls();"/>

Je ne crois pas que le dernier soit requis mais bon, autant l'ajouter pour faire bonne mesure.

Voici une bonne référence de SitePoint http://reference.sitepoint.com/html/event-attributes/onclick

Answer 2

Vous pouvez créer une seule fonction qui appelle les deux, puis l'utiliser dans l'événement.

function myFunction(){
    pay();
    cls();
}

Et puis, pour le bouton :

<input id="btn" type="button" value="click" onclick="myFunction();"/>

Answer 3

Vous pouvez appeler les fonctions à l'intérieur d'une autre fonction

<input id ="btn" type="button" value="click" onclick="todo()"/>

function todo(){
pay(); cls();
}

Answer 4

onclick="pay(); cls();"

cependant, si vous utilisez une instruction de retour dans la fonction "pay", l'exécution s'arrêtera et "cls" ne s'exécutera pas,

une solution de contournement à ce problème :

onclick="var temp = function1();function2(); return temp;"

Answer 5

Il n'est PAS recommandé de lier les événements à partir du html. C'est la méthode recommandée :

document.getElementById('btn').addEventListener('click', function(){
    pay();
    cls();
});