Javascript&；CSS汉堡包菜单在Codepen中工作，但在部署时不工作

我已经创建了一个投资组合网站，现在已经完成。唯一不起作用的是当点击链接时菜单没有关闭，我添加了Javascript并在Codepen中测试了它。当我将它添加到GitHub目录时，它在实时站点上不起作用

下面是工作代码笔示例：

var checkbox=document.querySelector（'#myInput'）；
var icon=document.querySelector（“#menuToggle span”）；
变量侦听器=函数（e）{
if（e.target！=复选框和&e.target！=图标）{
checkbox.checked=false；
文档。removeEventListener（'click'，listener）；
}
};
checkbox.addEventListener（'click'，function（）{
如果（选中此项）{
document.addEventListener（'click'，listener）；
} 
});
/*移动菜单*/
身体{
背景：#b0c0c6；
}
#梦游{
显示：块；
位置：固定；
顶部：20px；
左：20px；
z指数：1；
-webkit用户选择：无；
用户选择：无；
填充：6px 4px 1.5px 4px；
}
#梦游{
文字装饰：无；
颜色：#232323；
过渡：颜色0.3s；
}
#菜单切换a：悬停{
颜色：番茄；
}
#菜单切换输入
{
显示：块；
宽度：40px；
高度：32px；
位置：绝对位置；
顶部：-7px；
左：-5px；
光标：指针；
不透明度：0；/*隐藏此项*/
z指数：2；/*并将其放在汉堡上*/
-webkit触摸标注：无；
}
#孟特洛格跨度{
显示：块；
宽度：33px；
高度：4px；
边缘底部：5px；
位置：相对位置；
背景：黑色；
边界半径：1px；
z指数：1；
变换原点：4px0px；
变换：变换0.5s三次贝塞尔（0.77,0.2,0.05,1.0），
背景0.5s立方贝塞尔（0.77,0.2,0.05,1.0），
不透明度0.55s；
}
#menuToggle跨度：第一个孩子
{
变换原点：0%0%；
}
#菜单切换范围：第n个最后一个子项（2）
{
变换原点：0%100%；
}
#菜单切换输入：选中~span
{
不透明度：1；
变换：旋转（45度）平移（-2px，-1px）；
背景#13aff0；
}
#菜单切换输入：已选中~span:n最后一个子项（3）
{
不透明度：0；
变换：旋转（0度）比例（0.2,0.2）；
}
#菜单切换输入：选中~span:n最后一个子项（2）
{
变换：旋转（-45度）平移（0，-1px）；
}
移动电话{
宽度：100%；
利润率：-80px0-30px；
填充：50px；
填充顶部：75px；
垫底：20px；
背景：rgb（24122219,1）；
列表样式类型：无；
-webkit字体平滑：抗锯齿；
变换原点：0%0%；
转换：转换（-100%，0）；
变换：变换0.5s三次贝塞尔（0.77,0.2,0.05,1.0）；
位置：固定；
垂直对齐：中间对齐；
}
李先生
{
填充：10px0；
左侧填充：20px；
字体大小：22px；
边框底部：实心1px；
}
#菜单切换输入：选中~ul
{
转化：无；
}
/*移动菜单*/










我查看了您回购协议中的HTML。其中有一行与您提供的代码笔不同

在第21行中有
，而在代码笔中有

您的js正在尝试将eventListener添加到不存在的元素中，这就是它无法工作的原因。
确实，您的示例也能按预期工作？您提供的示例代码正在工作。我看了一下你的HTML文件，发现你链接了很多JS文件。您确定与某些代码没有冲突吗。此代码没有链接到任何其他资源，因此应该是一个起点。@Brian-我收到此错误“Uncaught TypeError:无法在menu.js:10中读取null的属性'addEventListener'@Reporter是，它在上面工作