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

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

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started