是否有使用香草javascript修复数字计数器错误的方法
我为电子商务制作了产品数量计数器,该计数器应将数量增加或减少1,并且仅当元素存在于dom中而不从javascript追加时,它才起作用是否有使用香草javascript修复数字计数器错误的方法,javascript,oop,Javascript,Oop,我为电子商务制作了产品数量计数器,该计数器应将数量增加或减少1,并且仅当元素存在于dom中而不从javascript追加时,它才起作用 但是,当我单击get按钮从javascript追加时,最后追加的元素只增加或减少一个 代码如下: class购物车{ 静态全局(){ Cart.getBtn=document.getElementById('get'); Cart.main=document.getElementsByTagName('main')[0]; Cart.min=1; } 构造函
class购物车{
静态全局(){
Cart.getBtn=document.getElementById('get');
Cart.main=document.getElementsByTagName('main')[0];
Cart.min=1;
}
构造函数(num){
this.num=num;
}
静态插入{
const div=document.createElement('div');
div.innerHTML=`
-
+
`;
购物车主目录子目录(div);
}
静态plusFunc(){
//加btn
让plus=document.queryselectoral('.plus');
plus.forEach(函数(btn){
btn.addEventListener('click',函数(e){
让输入=e.target.previousElementSibling;
设max=Number(input.getAttribute('max');
设num1=新购物车(编号(输入值));
如果(num1.num>=Cart.min){
num1.num+=1;
}
如果(num1.num>=最大值){
num1.num=最大值;
}
input.value=num1.num;
});
});
}
静态minusFunc(){
//负btn
让减号=document.queryselectoral('.减号');
减.forEach(函数(btn){
btn.addEventListener('click',函数(e){
让输入=e.target.nextElementSibling;
设max=Number(input.getAttribute('max');
设num1=新购物车(编号(输入值));
如果(num1.num每当添加新元素时,都要向每个元素添加一个新的加号和减号侦听器。HaveplusFunc
和minusFunc
只添加到新创建的元素:
class购物车{
静态全局(){
Cart.getBtn=document.getElementById('get');
Cart.main=document.getElementsByTagName('main')[0];
Cart.min=1;
}
构造函数(num){
this.num=num;
}
静态插入{
const div=document.createElement('div');
div.innerHTML=`
-
+
`;
购物车主目录子目录(div);
返回div;
}
静态脉冲频率(btn){
btn.addEventListener('click',函数(e){
让输入=e.target.previousElementSibling;
设max=Number(input.getAttribute('max');
设num1=新购物车(编号(输入值));
如果(num1.num>=Cart.min){
num1.num+=1;
}
如果(num1.num>=最大值){
num1.num=最大值;
}
input.value=num1.num;
});
}
静态最小函数(btn){
btn.addEventListener('click',函数(e){
让输入=e.target.nextElementSibling;
设max=Number(input.getAttribute('max');
设num1=新购物车(编号(输入值));
如果(num1.num)你救了我的命,非常感谢你,我使用这个设置是因为我想习惯oop,仅此而已