Syntax error How to pass arguments to anonymous functions in JavaScript?

How to pass arguments to anonymous functions in JavaScript?



Following is the code for passing arguments to anonymous functions in JavaScript −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-weight: 500;
      font-size: 20px;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Pass arguments to anonymous functions</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to call an anonymous function and pass
parameters to it</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let resEle = document.querySelector(".result");
   let add = function (a, b) {
      return a + b;
   };
   BtnEle.addEventListener("click", (event) => {
      resEle.innerHTML = "The sum of 22 and 19 = " + add(22, 19);
   });
</script>
</body>
</html>

Output

On clicking the ‘CLICK HERE’ button −

Updated on: 2020-07-18T07:19:39+05:30

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements