JavaScript Function Invocation

JavascriptWeb DevelopmentFront 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>

Output

On clicking the “CLICK HERE” button −

raja
Updated on 08-May-2020 11:16:06

Advertisements