Javascript 如何将已删除的项目按钮添加到我的购物车？

我目前正在接受网络开发人员的培训，目前正在从事一个电子商务网站项目。 我已经取得了相当好的进展，但我发现自己面临一个问题，“删除文章”按钮。 我尝试了几种方法，但都没有成功，我希望当点击我的按钮时，文章会从本地存储以及我的购物车页面上删除。 这是我的密码：

if（productLocalStorage==null）{
panierVide.innerHTML='
Le panier est vide！
'；
//西农
}否则{
const table=document.getElementById（“cart tablebody”）；///récupétation de lélément qui contiendra nos articles
productLocalStorage.forEach（（元素）=>{
//浇灌当地储存的咖啡
让ligne=document.createElement（“tr”）；//应答器“tr”
ligne.innerHTML=
//ces康蒂恩德朗特巴厘岛：
`
${element.name}
${element.color}
${element.price}
供给者
`;
table.appendChild（ligne）；///ajout de nos balise'tr'ánotreélément'table'
prixCalculer.push（element.price）；///Envoie les prix de nos articles au tableau“prixCalculer”
});
}

这是一个针对您的用例的小型解决方案。如果您正在学习，那么最好查看开发设计模式

我强烈建议你这样做

功能购物卡（节点）{
const tbody=node.querySelector（'tbody'）；
函数加载（）{
const rawData=localStorage.getItem（'products'）；
if（原始数据）{
parse（rawData）.reduce（createProductRow，tbody）；
}
}
函数createProductRow（容器，行）{
const tr=document.createElement（'tr'）；
const name=document.createElement（'td'）；
const price=document.createElement（'td'）；
const action=document.createElement（'td'）；
const button=document.createElement（'button'）；
name.innerText=row.name；
price.innerText=row.price；
button.innerText='Delete'；
button.onclick=函数（）{
tr.remove（）；
删除（行名称）；
}
tr.appendChild（姓名）；
tr.appendChild（价格）；
tr.儿童（行动）；
动作。追加子项（按钮）；
子容器（tr）；
返回容器；
}
功能删除（productName）{
const rawData=localStorage.getItem（'products'）；
如果（！rawData）{return；}
const products=JSON.parse（rawData）；
//您可能需要按id进行筛选
localStorage.setItem（'products'，JSON.stringify（products.filter）（product=>{
返回product.name！==productName；
})));
}
功能添加（数据）{
让产品=[]；
const rawData=localStorage.getItem（'products'）；
if（原始数据）{
products=JSON.parse（rawData）；
}
createProductRow（tbody，数据）；
产品。推送（数据）；
localStorage.setItem（'products'，JSON.stringify（products））；
}
加载（）；
返回{
添加
}
}
localStorage.setItem（'products'，JSON.stringify([{
名称：‘产品A’，
价格:14
}, {
名称：‘产品B’，
价格:16
}, {
名称：‘产品C’，
价格:17
}]));
const card=ShopingCard（document.querySelector（'table'）

JS-Bin
名称
价格