Adding a Class to a Parent when Child is Hovered using JavaScript | Tutorial

document.addEventListener("DOMContentLoaded", (event) => {
  const videoCardLinks = document.querySelectorAll(".video-card__link");

  videoCardLinks.forEach((el) => {
    el.addEventListener("mouseover", (e) => {
      e.target.closest(".video-card").classList.add("hovered");
    });
    el.addEventListener("mouseout", (e) => {
      e.target.closest(".video-card").classList.remove("hovered");
    });
  });
});