为什么在以下代码中切换处于活动状态而不起作用

Question

我对如何在stackoverflow上发布代码的步骤感到困惑。请查看整个代码的代码笔：

Codepen

const hamburger = document.querySelector(".hamburger");
const navMenu = document.querySelector(".nav-menu");
hamburger.addEventListener("click", () => {
hamburger.classList.toggle("active");
navMenu.classList.toggle("active");         
})
document.querySelectorAll(".nav-link").forEach(n => n.addEventListener("click", () => {
hamburger.classList.remove("active");
navMenu.classList.remove("active");
}))

抱歉，尝试从头开始学习html、css和javascript。我想知道如何从头开始制作汉堡菜单。在youtube上查找了一些教程。复制了代码。汉堡菜单是可点击的，并更改为下拉导航栏。再次点击它，返回汉堡菜单。开发人员工具显示汉堡包类更改为汉堡包活动，然后返回到汉堡包类。但是，当我在导航栏类下添加网格容器代码时，汉堡包菜单不再响应点击。我不知道为什么它不再切换到活动状态。有人能解释一下吗。谢谢

Answer 1

这是一个提示错误：

<textarea id="descript" name="description" placeholder="detail description*" rows="1" column="8"> </textarea>

您必须关闭"<文本区域"；