AddEventListener不适用于一个元素[重复]

console.log . 请看看我哪里出错了?

    <ul id="nv">
      <li class="nvItem"><a href="#">Home</a></li>
      <li class="nvItem"><a href="#the-story">Story</a></li>
      <li class="nvItem"><a href="#comic-book">Comic</a></li>
      <li class="nvItem"><a href="#creatures">Creatures</a></li>
      <li class="nvItem"><a href="#the-path">Path</a></li>
      <li class="nvItem"><a href="#artists">Nikal</a></li>                      
    </ul>

请忽略id mn

const navigation = document.getElementById("nv");
const menu = document.getElementById("mn");
const navItems = document.getElementsByClassName("nvItem")

menu.addEventListener("click", () => {
  navigation.style.setProperty("--childenNumber", navigation.children.length);

  navigation.classList.toggle("active");
  menu.classList.toggle("active");
  console.log("---Active---");
});

navItems.addEventListener("click", () => {
    navigation.classList.toggle("nonActive");
    menu.classList.toggle("nonActive");
    console.log("---Deactive---");
  });