是否有使用香草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; } 构造函

我为电子商务制作了产品数量计数器,该计数器应将数量增加或减少1,并且仅当元素存在于dom中而不从javascript追加时,它才起作用

  • 但是,当我单击get按钮从javascript追加时,最后追加的元素只增加或减少一个

  • 代码如下:

    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每当添加新元素时,都要向每个元素添加一个新的加号和减号侦听器。Have
    plusFunc
    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,仅此而已