HTML/CSS/JS实现汉堡菜单点击无响应 侧边栏无法弹出问题求助

你的JavaScript代码存在3处语法错误，修正后即可实现点击汉堡菜单弹出侧边栏的预期效果：

• 事件名引号未正确闭合：addEventListener 方法的第一个参数 click 缺少闭合的单引号，原代码写为 'click,，需修正为 'click',
• 类选择器语法错误：通过类名选择元素时需要在类名前加 . 标识，原代码写为 document.querySelector('container')，需修正为 document.querySelector('.container')
• 属性名大小写错误：JavaScript 对大小写敏感，操作元素类名的属性为驼峰命名的 classList，原代码写为全小写的 classlist，首字母 L 需要大写。

修正后的完整 JavaScript 代码： #

document.querySelector('.hamburger-menu').addEventListener('click', () => {
    document.querySelector('.container').classList.toggle('change')
})

可选补充修正（不影响菜单点击功能，仅规范代码、避免其他样式异常）：

• HTML 代码中 <html lang="en" 末尾缺少闭合符号 >，建议补全
• meta 字符集属性多了多余冒号，<meta charset="UTF-8:"> 建议修改为 <meta charset="UTF-8">
• CSS 代码中 .social-media i 规则里的 display 属性拼写错误，写成了 isplay: flex，补全首字母 d 即可让社交媒体图标样式正常生效

内容的提问来源于stack exchange，提问作者jospehmartorello