In this tutorial we will see how to Call Multiple Functions on one click using JavaScript onclick. The onclick event is used for this which executes JavaScript function.
Table of Contents
HTML Code
HTML Code is given below, This code contains button element with onclick event.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Call Multiple Functions on one click using JavaScript onclick</title>
</head>
<body>
<button onclick='main()'>Click Me</button>
</body>
</html>
JavaScript Code
JavaScript Code is given below, In this code the onclick event is used to call multiple functions on single click.
onclick Event
The onclick event occurs when an element is clicked, it is used to call a JavaScript function when click event is occurred.
In this simple example, the onclick event will call a main function which will further call two functions. Using this simple trick you can call as many functions as you want.
Take a look at the code given below.
<script>
function a() {
alert("This is first Function Call.");
}
function b() {
alert("This is second Function Call.");
}
function main() {
a();
b();
}
</script>
Demo
Video Tutorial
Watch video tutorial on how to Call Multiple Functions on one click using JavaScript onclick.