JavaScript Function Invocation

Javascript Web Development Front End Technology

The function invocation is used to execute the code inside the curly braces in the function definition by adding () after function name after it has been defined to invoke that particular function.

Following is the code for implementing JavaScript function invocation −

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;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JavaScript Function Invocation</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above buttons to invoke the function
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   function helloWorld() {
      alert("HELLO WORLD");
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      helloWorld();
   });
</script>
</body>
</html>