Multifunctional (Implementation) encapsulation function

  One , Add product information

// Add product information
                addcart(title,price){
                    var goods=this.goods;
                    // Adding values in the form of objects
                    var obj={id:0,title:title,price:price,sue:1};
                    obj.id=goods.length+1;
                    // Add... At the end
                    goods.push(obj);
                    // Refresh the page
                    this.setGoods();
                }

Two , Delete a single line

// Single row deletion
                 dongter(id){
                     var goods=this.goods;
                     var index=0;
                     for(var i=0;i<goods.length;i++){
                         if(goods[i].id==id){
                             index=i;
                         }
                     }
                     goods.splice(index,1);
                     // this.goods=goods;
                 }

3、 ... and , Select all affects the internal check and all checks affect select all

           // Partial selection affects full selection 
			   teselectAll(){
				   var flag = true;
				   for(var i=0;i<this.Checkbox.length;i++){
					   if(!this.Checkbox[i].checked){
					   	flag=false;
					   }
				   }
				   this.selectAll.checked=flag;
				   
			   }







// Select all affects partial selection 
				selectAllt(e) {
					var checked = e.target.checked;
					console.log(checked);
					for (var i = 0; i < this.Checkbox.length; i++) {
						this.Checkbox[i].checked = checked;
					}
				}

Four , Empty data

   // empty cart
                delalltemp(){
                    this.goods=[];
                    this.setGoods();
                }

5、 ... and , Change data information

// Change data   Again addevent() Write outside
                editData(id, key, value) {
                    var goods = this.goods;
                    for (var i = 0; i < goods.length; i++) {
                        // Determine which row of data is changed
                        if (goods[i].id == id) {
                            goods[i][key] = value;
                        }
                    }
                }

6、 ... and , Number of products obtained ,  Add product check box （ term ),  Calculate the total cost

Amount() {
                    // Get page information
                    var goods = this.goods;
                    var sum = 0;
                    var count = 0;
                    for (var i = 0; i < goods.length; i++) {
                        if (this.Checkbox[i].checked) {
                            sum = sum + goods[i].price * goods[i].sue;
                            count++;
                        }
                    }
                    this.amount.innerHTML = sum;
                    this.contNode.innerHTML = count;
                }

Pay attention to me , More free resources will be released later , Wait for you to pick up .