addEventListener() not working more than once with a button in JavaScript?

JavascriptWeb DevelopmentObject Oriented Programming

To make addEventListener() repeatedly work on button clicks, use the following code −


 Live Demo

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
<link rel="stylesheet" href="//">
<script src=""></script>
<script src=""></script>
<link rel="stylesheet" href="">
<button id="pressButtonDemo">Click Me</button>
   var eventValue = function (event) {
      .textContent = event.type;
   var pressed = document.querySelector("#pressButtonDemo");
   pressed.addEventListener("click", eventValue);

To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.


This will produce the following output −

When you click the button “Click Me” then you will get the following output. This will produce the following output −

Now, click the button one more time. This will produce the following output −

Updated on 01-Sep-2020 11:05:13