在 onclick 事件中调用多个 JavaScript 函数

给定多个函数，任务是使用 JavaScript 通过一个 onclick 事件调用它们。以下是讨论的几种方法。我们可以通过在发生 onclick 事件的元素中提及它们的名称来调用它们，或者首先调用单个函数，然后在该函数内调用所有其他函数。

示例 1：此示例通过使用分号“;”分隔的onclick 事件提及它们的名称来调用这两个函数.

HTML

 

    
        JavaScript | call multiple functions in onclick event.
    

 

     
            GeeksforGeeks 
        
    
    
 
    
        click here
    
    
        
        
 
        
            var up = document.getElementById('GFG_UP');
            up.innerHTML = 'Click on the button to call multiple functions';
            var down_1 = document.getElementById('GFG_DOWN_1');
            var down_2 = document.getElementById('GFG_DOWN_2');
 
            function GFG_Fun_1() {
                down_1.innerHTML = 'From function 1';
            }
 
            function GFG_Fun_2() {
                down_2.innerHTML = 'From function 2';
            }
        

 

输出：

• 在点击按钮之前：

• 点击按钮后：

示例 2：此示例首先调用一个函数，现在该函数负责调用其他函数。这个例子也是如此。

HTML

 

    
        JavaScript | call multiple functions in onclick event.
    

 

     
            GeeksforGeeks 
        
    
    
 
    
        click here
    
    
        
        
 
        
            var up = document.getElementById('GFG_UP');
            up.innerHTML = 'Click on the button to call multiple functions';
            var down_1 = document.getElementById('GFG_DOWN_1');
            var down_2 = document.getElementById('GFG_DOWN_2');
 
            function GFG_Fun() {
                GFG_Fun_1();
                GFG_Fun_2();
            }
 
            function GFG_Fun_1() {
                down_1.innerHTML = 'From function 1';
            }
 
            function GFG_Fun_2() {
                down_2.innerHTML = 'From function 2';
            }
        

 

输出：

• 在点击按钮之前：

• 点击按钮后：