我不擅长正面进攻。 当我检查我的元素时，我会得到以下错误:

VM483 navb.js:4 Uncaught TypeError: Cannot read property 'addEventListener' of undefined
at VM483 navb.js:4
(anonymous) @ VM483 navb.js:4
VM484 carousel.js:1 Uncaught ReferenceError: $ is not defined
at VM484 carousel.js:1
(anonymous) @ VM484 carousel.js:1
navb.js:1 Uncaught SyntaxError: Identifier 'toggleButton' has already been declared

HTML

  <a href="#" class="toggle-button">
    <span class="bar"></span>
    <span class="bar"></span>
    <span class="bar"></span>
  </a>

CSS

@media (max-width: 600px) {
  .toggle-button {
     display: flex;
     top: 30%;
 }}   

JavaScript

const toggleButton = document.getElementsByClassName("toggle-button")[0];
const navbarLinks = document.getElementsByClassName("navbar-links")[0];

toggleButton.addEventListener("click", () => {
navbarLinks.classList.toggle("active");
});

我的代码有什么问题。