需要:Javascriptでショッピングカートのページをなぞらえ似せて、上の商品を要求して、下はショッピングカートです.上のものを下のショッピングカートに追加することができます.
カートの中にはプラスとマイナスのボタンがあります.商品の数を減らすことができます.削除を押すと商品を削除できます.
最後に、一枚の商品ごとに価格が合計され、買い物車の中のすべての商品が合計されます.
cart.

  
    
    
    
    
    
  
  
    
   
    

      

        
  
        
  ( )
        
  
        
  
        
   
        
  
      
   
      

        
  M185  
        
80
        
  
        
893
        
98%
        

          
        
      
      

        
  X470  
        
150
        
  
        
9028
        
96%
        

          
        
      
      

        
  iphone6   
        
60
        
  
        
672
        
99%
        

          
        
      
      

        
    
        
100
        
  
        
8937
        
95%
        

          
        
      
      

        
   U 
        
70
        
  
        
482
        
100%
        

          
        
      
    
  
    
   
    

      

        

          
  
          
  ( )
          
  
          
  ( )
          
  
        
      
      

      
     

        

          
  
          

          

        
      
    
    
  

cart.js

var all = 0;			//            。

function add_shoppingcart(btn) {			//      
	var tr = btn.parentNode.parentNode;
	var info = tr.children;
	var item = document.createElement("tr");
	var name = info[0].innerHTML;
	var price = parseInt(info[1].innerHTML);
	item.innerHTML = 				//      
		''+name+''+
		''+price+''+
		''+
			' '+	//       ：      "+"  ，          ，          ，         。
			''+
			' '+	//     this，    。
		''+
		''+price+''+
		'';
				//     ，    cart.html           
	var cart = document.getElementById("goods");
	cart.appendChild(item);
	tr.remove();
	
	all += price;		//      
	changeTotal();				//    
}

function remove_shoppingcart(btn) {
	var tr = btn.parentNode.parentNode;
	var children = tr.children;
	var price = parseInt(children[3].innerHTML);
	all -= price;
	changeTotal();					//      
	
	tr.innerHTML = "";				//      
}

function reduce(btn) {			//      
	var amount = btn.nextElementSibling.value;
	if(amount==0){
		return;				//     0   		
	}
	amount--;
	btn.nextElementSibling.value = amount;		//      
	
	var value = parseInt(btn.parentNode.previousElementSibling.innerHTML);	//      
	btn.parentNode.nextElementSibling.innerHTML = value*amount;		//      
	all -= value;		//      。
	changeTotal();		//    
	
}

function increase(btn) {		//      
	var amount = btn.previousElementSibling.value;
	amount++;
	btn.previousElementSibling.value = amount;		//      
	
	var value = parseInt(btn.parentNode.previousElementSibling.innerHTML);
	btn.parentNode.nextElementSibling.innerHTML = value*amount;
	
	all += value;		//      
	changeTotal();		//    
}

function changeTotal() {		//  total  ，           。
	var total = document.getElementById("total");
	total.innerHTML = all;
}