代码可在Jsfiddle中使用，但不能在网站上使用

Question

在我的网站上，我想显示一个动画按钮（点击动画）。 我正在使用的代码在此jsfiddle中运行良好：https://jsfiddle.net/TheBB23/uxe8wh23/1/ 当我在网站上添加HTML并在标题中链接样式表，并在标记附近添加javascript链接时，我可以看到3条，但没有动画，甚至鼠标悬停时都没有鼠标指针更改。 该网站可在此处查看：https://test.vereinonline.org/HTC_Uhlenhorst/?module= *网球

我什至在模板文件中添加了js代码（如下），因为我认为这可以解决问题。 javascript和样式是在名为“汉堡”的文件中确定的

     hamburger = document.querySelector(".hamburger");
    var header = document.querySelector(".HamburgerButton");
    // On click
    hamburger.addEventListener("click", function() {
      // Toggle class "is-active"
      hamburger.classList.toggle("is-active");
      header.classList.toggle("header--is-active");
      // Do something else, like open/close menu
    });