Call two functions from the same onclick

Question

HTML and JS

How do I call 2 functions from one onclick event? Here is my code

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

two functions: pay () and cls (). Thank you

Answer 1

Add half columns ; at the end of function calls so that they both work.

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

I do not believe that the latter is needed, but hey, can also add it for a good measure.

Here is a good link from SitePoint http://reference.sitepoint.com/html/event-attributes/onclick

Answer 2

You can create one function that calls both of them, and then use it in an event.

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

And then, for the button:

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

Answer 3

You can call functions from another function

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

Answer 4

Using jQuery:

 jQuery("#btn").on("click",function(event){ event.preventDefault(); pay(); cls(); }); 

Answer 5

To suggest several options, you can use the comma operator , but some may say "noooooo!", But it works:

 <input type="button" onclick="one(), two(), three(), four()"/> 

http://jsbin.com/oqizir/1/edit

Answer 6

Html binding events are NOT recommended. This is recommended:

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

Answer 7

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

however, if you use the return statement in the pay function, execution will stop and cls will not execute,

workaround:

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

Answer 8

puts a semicolon between two functions as an operator terminator.

Answer 9

try it

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