每次尝试使用javascript发布动态内容时显示类型错误（包括代码）

const sectionCenter=document.querySelector（'section-center'）；
addEventListener（'DOMContentLoaded'，function（）{
让displayMenu=menu.map（函数（项）{
返回
`
${item.title}
$${item.price}
${item.desc}
`;
});
displayMenu=displayMenu.join（“”）；
sectionCenter.innerHTML=显示菜单；
});我已经填补了一些空白，我想你可能有


您需要
查询选择器才能工作

您需要定义
菜单
，并使其形状正确
你需要在没有换行的情况下返回


const菜单=[
{img:'img1'，title:'title1'，price:'price1'，desc:'desc1'}，
{img:'img2'，title:'title2'，price:'price2'，desc:'desc2'}
];
addEventListener（'DOMContentLoaded'，function（）{
const sectionCenter=document.querySelector（“#section center”）；
让displayMenu=menu.map（函数（项）{
返回`
${item.title}
$${item.price}
${item.desc}
`;
});
displayMenu=displayMenu.join（“”）；
sectionCenter.innerHTML=显示菜单；
});
如注释中所述，
文档。querySelector（'section-center'）
正在查找
的元素。我猜你真的想要：

document.querySelector('.section-center') // (query by `class`) 
// or
document.querySelector('#section-center') // (query by `id`)

您可以分享一个数组
菜单的例子吗？示例中没有定义它。听起来像是
文档。querySelector（'section-center'）
正在返回
null
。这是在查找
元素。我觉得那一定是错的？您可能需要
document.querySelector（'.section center'）
（按类名查询）或
document.querySelector（'#section center'）
（按id查询）Austin Ezell我以为我检查了所有内容。但你肯定解决了这个问题。我正在寻找一种方法，给你一个向上投票或类似的东西，但似乎也找不到一种方法来做到这一点。非常感谢你的回答。@Austinezel这么说是打字错误？@qaz我会用同样的信息作为答案发布