JavaScript Callbacks

JavascriptWeb DevelopmentFront End Technology

In JavaScript since functions are objects so we can pass them as parameter to another functions. These functions can then be called inside another functions and the passed function is referred as callback function.

Following is the code for JavaScript Callbacks −


 Live Demo

<!DOCTYPE html>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
<h1>JavaScript Boolean constructor Property</h1>
<p class="sample"></p>
<button class="btn">CLICK HERE</button>
Click on the above button to call the add function which calls back
another function
   function add(a, b, callback) {
      callback(a + b);
   function multiplyResultByTwo(res) {
      document.querySelector(".sample").innerHTML = res * 2;
   document.querySelector(".btn").addEventListener("click", () => {
      add(4, 5, multiplyResultByTwo);


On clicking the “CLICK HERE” button −

Published on 07-May-2020 17:13:44