Javascript 从总值中添加或细分函数

所以我想根据单击的div（减号或加号），从total中添加或减去一个值。计数器还显示值的大小（这是我的工作）。所以我想计算点击项目的总数

我现在的代码：

var minExtras=document.queryselectoral（“.extra min”）；
var plusExtras=document.queryselectoral（“.extra plus”）；
var totalPrice=document.getElementById（“totalPrice”）；
totalPrice.innerHTML=“Totaalprijs:€”；
Array.prototype.forEach.call（minExtras，function（minExtra）{
minExtra.addEventListener（'click'，function（）{
var currentCount=minExtra.parentElement.querySelector（'.count'）.innerText；
如果（currentCount！=“1”）{
var newCount=currentCount-1；
minExtra.parentElement.querySelector（'.count'）.innerText=newCount；
}
var colorMin=minExtra.parentElement.querySelector（'.extra-min'）；
如果（newCount==1）{
setAttribute（“类”，“更改额外最小值额外最小值”）；
}
var extraPrice=minExtra.parentElement.querySelector（'.extraPrice'）.innerText；
var extraPriceValue=extraPrice*newCount；
calculateMin（额外价格值）；
})
});
Array.prototype.forEach.call（plusExtras，function（plusExtra）{
plusExtra.addEventListener（'click'，function（）{
var currentCount=plusExtra.parentElement.querySelector（'.count'）.innerText；
var newCount=+currentCount++1；
plusExtra.parentElement.querySelector（'.count'）。innerText=newCount；
var colorMin=plusExtra.parentElement.querySelector（'.extra-min'）；
如果（newCount！==1）{
setAttribute（“类”，“更改额外的最小值额外的最小值颜色”）；
}否则{
setAttribute（“类”，“更改额外最小值额外最小值”）；
}
var extraPrice=plusExtra.parentElement.querySelector（'.extraPrice'）.innerText；
var extraPriceValue=extraPrice*newCount；
calculatePlus（额外价格值）；
})
});
函数calculatePlus（价格）{
//在这里起作用
totalPrice.innerHTML=计算价格；
}
函数计算器（价格）{
//在这里起作用
totalPrice.innerHTML=计算价格；
}

.item{
边缘底部：10px；
宽度：120px；
填充：20px；
边框：1px实心#C5C5；
}
.显示额外的容器{
显示：-webkit flex；
显示器：flex；
-调整内容：灵活启动；
调整内容：灵活启动；
-webkit对齐项目：居中；
对齐项目：居中；
}
额外的安塔尔{
填充：0px 14px；
字号：700；
字体大小：16px；
}
1.额外兑换{
字号：700；
字号：28px；
颜色：#EC008C；
光标：指针；
-webkit用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.change-extra.min{
背景色：#C5C5；
宽度：14px；
高度：3倍；
利润上限：3倍；
边界半径：4px；
}
.change-extra.min.颜色{
背景色：#EC008C；
}
#总价{
字号：700；
}

安塔尔潘索宁酒店
10
1.
+
安塔尔潘索宁酒店
5.
1.
+

试着这样做：

var minExtras=document.queryselectoral（“.extra min”）；
var plusExtras=document.queryselectoral（“.extra plus”）；
var totalPrice=document.getElementById（“totalPrice”）；
totalPrice.innerHTML=“Totaalprijs:€”；
var计算价格=0；
//计算初始价格
Array.prototype.forEach.call（document.queryselectoral（'.show extra container'）、函数（container）{
calculatedPrice+=parseInt（container.querySelector（'.count'）.innerText）*parseFloat（container.querySelector（'.extraPrice'）.innerText）；
});
totalPrice.innerHTML=“Totaalprijs:€”+计算价格；
Array.prototype.forEach.call（minExtras，function（minExtra）{
minExtra.addEventListener（'click'，function（）{
var currentCount=minExtra.parentElement.querySelector（'.count'）.innerText；
如果（currentCount！=“1”）{
var newCount=currentCount-1；
minExtra.parentElement.querySelector（'.count'）.innerText=newCount；
}否则{
返回；
};
var colorMin=minExtra.parentElement.querySelector（'.extra-min'）；
如果（newCount==1）{
setAttribute（“类”，“更改额外最小值额外最小值”）；
}
var extraPrice=minExtra.parentElement.querySelector（'.extraPrice'）.innerText；
//算数：1
计算价格-=parseFloat（额外价格）；
totalPrice.innerHTML=“Totaalprijs:€”+计算价格；
})
});
Array.prototype.forEach.call（plusExtras，function（plusExtra）{
plusExtra.addEventListener（'click'，function（）{
var currentCount=plusExtra.parentElement.querySelector（'.count'）.innerText；
var newCount=+currentCount++1；
plusExtra.parentElement.querySelector（'.count'）。innerText=newCount；
var colorMin=plusExtra.parentElement.querySelector（'.extra-min'）；
如果（newCount！==1）{
setAttribute（“类”，“更改额外的最小值额外的最小值颜色”）；
}否则{
setAttribute（“类”，“更改额外最小值额外最小值”）；
}
var extraPrice=plusExtra.parentElement.querySelector（'.extraPrice'）.innerText；
//计算程序：+1
计算价格+=parseFloat（额外价格）；
totalPrice.innerHTML=“Totaalprijs:€”+计算价格；
})
});
.item{
边缘底部：10px；
宽度：120px；
填充：20px；
边框：1px实心#C5C5；
}
.显示额外的容器{
显示：-webkit flex；
显示器：flex；
-调整内容：灵活启动；
调整内容：灵活启动；
-webkit对齐项目：居中；
对齐项目：居中；
}
额外的安塔尔{
填充：0px 14px；
字号：700；
字体大小：16px；
}
1.额外兑换{
字号：700；
字号：28px；
颜色：#EC008C；
光标：指针；
-webkit用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.change-extra.min{
背景色：#C5C5；
宽度：14px；
高度：3倍；
利润上限：3倍；
边界半径：4px；
}
.change-extra.min.颜色{
背景色：#EC008C；
}
#总价{
字号：700；
}

安塔尔潘索宁酒店
10
1.
+