Javascript 增加、减少和删除按钮don';我不能有效地工作

Javascript 增加、减少和删除按钮don';我不能有效地工作,javascript,Javascript,我希望增加、减少和删除购物车页面中的项目,但按钮仅对第一个项目有效,并且按钮增加购物车中的项目总数,而不是增加单个项目数。我还希望在按下按钮时减少和增加总金额。我做错了什么?这是我的github托管页面,以获取最终结果:/ var carts=document.queryselectoral(“.cart按钮”); var乘积=[ { id:1, 名称:“棕色帽檐”, 图像:“https://i.ibb.co/ZYW3VTp/brown-brim.png", 价格:25,, 化身

我希望增加、减少和删除购物车页面中的项目,但按钮仅对第一个项目有效,并且按钮增加购物车中的项目总数,而不是增加单个项目数。我还希望在按下按钮时减少和增加总金额。我做错了什么?这是我的github托管页面,以获取最终结果:/

var carts=document.queryselectoral(“.cart按钮”);
var乘积=[
{
id:1,
名称:“棕色帽檐”,
图像:“https://i.ibb.co/ZYW3VTp/brown-brim.png",       
价格:25,,
化身:0
},
{
id:2,
名称:“蓝色豆豆”,
图像:“https://i.ibb.co/ypkgK0X/blue-beanie.png",          
价格:18,
化身:0
},
{
id:3,
名字:“棕色牛仔”,
图像:“https://i.ibb.co/QdJwgmp/brown-cowboy.png",             
价格:35,,
化身:0
},
{
id:4,
名称:“灰檐”,
图像:“https://i.ibb.co/RjBLWxB/grey-brim.png", 
价格:25,,
化身:0
},
{
id:5,
名称:“阿迪达斯NMD”,
图像:“https://i.ibb.co/0s3pdnc/adidas-nmd.png",       
价格:220,
化身:0
},
{
id:6,
名称:“阿迪达斯Yeezy”,
图像:“https://i.ibb.co/dJbG1cT/yeezy.png",
价格:280,
化身:0
},
{
id:7,
名称:“黑色匡威”,
图像:“https://i.ibb.co/bPmVXyP/black-converse.png",
价格:110,
化身:0
},
{
id:8,
名称:“Nike White AirForce”,
图像:“https://i.ibb.co/1RcFPk0/white-nike-high-tops.png",
价格:160,
化身:0
},
{
id:9,
名称:“黑吉恩·希林”,
图像:“https://i.ibb.co/XzcwL5s/black-shearling.png",
价格:125,
化身:0
},
{
id:10,
名称:“蓝色牛仔夹克”,
图像:“https://i.ibb.co/mJS6vz0/blue-jean-jacket.png",
价格:90,,
化身:0
},
{
id:11,
名称:“灰色牛仔夹克”,
图像:“https://i.ibb.co/N71k1ML/grey-jean-jacket.png",
价格:90,,
化身:0
},
{
id:12,
名称:“棕色剪羊毛”,
图像:“https://i.ibb.co/s96FpdP/brown-shearling.png",
价格:165,
化身:0
},
{
id:13,
名称:“蓝色背心”,
图像:“https://i.ibb.co/7CQVJNm/blue-tank.png", 
价格:25,,
化身:0
},
{
身份证号码:14,
名称:“花衬衫”,
图像:“https://i.ibb.co/4W2DGKm/floral-blouse.png",
价格:20,,
化身:0
},
{
身份证号码:15,
名称:“花裙”,
图像:“https://i.ibb.co/KV18Ysr/floral-skirt.png",              
价格:80,
化身:0
},
{
身份证号码:16,
名称:“红点连衣裙”,
图像:“https://i.ibb.co/N3BN1bh/red-polka-dot-dress.png",
价格:80,
化身:0
},
{
身份证号码:17,
名称:“迷彩羽绒背心”,
图像:“https://i.ibb.co/xJS0T3Y/camo-vest.png", 
价格:325,
化身:0
},
{
身份证号码:18,
名称:“花卉T恤”,
图像:“https://i.ibb.co/qMQ75QZ/floral-shirt.png",              
价格:20,,
化身:0
},
{
身份证号码:19,
名称:“黑白长袖”,
图像:“https://i.ibb.co/55z32tw/long-sleeve.png",           
价格:25,,
化身:0
},
{
身份证号码:20,
名称:“粉色T恤”,
图像:“https://i.ibb.co/RvwnBL8/pink-shirt.png",        
价格:25,,
化身:0
}
];
for(设i=0;i{
编号(产品[i]);
总成本(产品[i]);
});
}
函数onLoadCartNumber(){
让productNumbers=localStorage.getItem(“cartNumbers”);
if(产品编号){
document.querySelector(“.item count”).textContent=产品编号;
}
}
功能编号(产品){
让productNumbers=localStorage.getItem(“cartNumbers”);
productNumbers=parseInt(productNumbers);
if(产品编号){
setItem(“CartNumber”,ProductNumber+1);
document.querySelector(“.item count”).textContent=productnumber+1;
}否则{
localStorage.setItem(“cartNumbers”,1);
document.querySelector(“.item count”).textContent=1;
}
设定项目(产品);
}
功能集合项(产品){
让cartItems=localStorage.getItem(“productsInCart”);
cartItems=JSON.parse(cartItems);
如果(cartItems!==null){
if(cartItems[product.name]==未定义){
cartItems={