Javascript JS：单击数组中的对象

我有一个包含在HTML中的对象数组。 我必须能够点击

并将单击的对象数据添加到my console.log（“…”）中

最好的方法是什么

片段：

“严格使用”；
文档。addEventListener（'DOMContentLoaded'，LoadFinds）；
康斯特餐饮=[
{
id:1，
标题：“罂粟籽酱草莓沙拉”，
img:‘草莓沙拉配罂粟籽酱.jpg’，
书籍:1,，
卡路里：298，
份数：3份，
键入“午餐”，
价格:15,，
厨师：“詹妮·杰斐逊”，
数量：10，
},
{
id:2，
标题：“腰果火鸡沙拉三明治”，
img:'火鸡三明治.jpg'，
书籍：2，
卡路里：198，
份数：2份，
键入“午餐”，
价格:9,，
厨师：“詹妮·杰斐逊”，
数量：10
}
];
函数loadFounds（）{
设i=0；
设id=1；
设fillMealList=document.querySelector（“#fillMealList”）；
for（设i=0；i<0.length；i++）{
让item=finds.find（item=>item.id==id）；
fillMealList.innerHTML+=
""+
""+
"";
id++；
}
}

---

您只需将onclick事件添加到您的

标记：

订单

然后定义函数

addToCart（）

---

更改超链接HTML，如下所示：

function logMeal(id) {
    console.log(meals.find(item => item.id === id));
}

“”+

并添加一个名为

logfine

的新函数，如下所示：

function logMeal(id) {
    console.log(meals.find(item => item.id === id));
}

---

在

a

中添加一个点击处理程序？请同时发布您的HTML代码或制作一个工作演示/提琴。好的，我这样做了，但我显示了相同的一餐（id==1），即使我点击了id==2的一餐