How to call two methods on button's onclick method in HTML or JavaScript?

Question

How to call two methods on button's onclick method in HTML or JavaScript ?

Answer 1

1. Try this:

   <input type="button" onclick="function1();function2();" value="Call2Functions" /> 

2. Or, call second function at the end of first function:

      function func1(){      //--- some logic      func2();    }     function func2(){     //--- some logic    } 

   ...and call func1() onclick of button:

   <input type="button" onclick="func1();" value="Call2Functions" /> 

Answer 2

As stated by Harry Joy, you can do it on the onclick attr like so:

<input type="button" onclick="func1();func2();" value="Call2Functions" /> 

Or, in your JS like so:

document.getElementById( 'Call2Functions' ).onclick = function() {     func1();     func2(); }; 

Or, if you are assigning an onclick programmatically, and aren't sure if a previous onclick existed (and don't want to overwrite it):

var Call2FunctionsEle = document.getElementById( 'Call2Functions' ),     func1 = Call2FunctionsEle.onclick;  Call2FunctionsEle.onclick = function() {     if( typeof func1 === 'function' )     {         func1();     }     func2(); }; 

If you need the functions run in scope of the element which was clicked, a simple use of apply could be made:

document.getElementById( 'Call2Functions' ).onclick = function() {     func1.apply( this, arguments );     func2.apply( this, arguments ); };