Uncaught TypeError: popupOpenButton.addEventListener is not a function

JavaScript
1

HI!

the question is stated in the topic. Here is my script:

// popup

let popup = document.getElementsByClassName("popup");
let popupOpenButton = document.getElementsByClassName("profile__edit-button");
let popupCloseButton = document.getElementsByClassName(
  "edit-window__close-button"
);

popupOpenButton.addEventListener("click", function handleClick(event) {
  console.log("user clicked: ", event.target);
  // event.target.classList.add("popup_active");
});

popupCloseButton.addEventListener("click", function handleClick(event) {
  console.log("user clicked: ", event.target);
  // event.target.classList.remove("popup_active");
});
2

addEventListener is not a method on HTML collections, you need to use it on an html element

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.