BootStrap kullanılarak hazırlanan sepet sayfasında bulunan ürünlerin toplam fiyatını bulup, sayfada gösteren uygulama.

Ürünler BootStrap Card kullanılarak hazırlanmıştır. Card içinde ürün fiyatının yer aldığı etikete price class olarak eklenmiştir. querySelectorAll kullanılarak bu ücretler toplanmış ve sumPrice div etiketi içinde kullanıcıya gösterilmiştir.

  

    

    

    

    

    

  

  

    


        
Alış-Veriş Sepeti

        Sepet Özeti:

        


            


              


              Sepette bulunan en ucuz ürün: 


              Sepette bulunan en çok adet: 


              Sepette ki ilk ürün, adet çarpımı: 


 

               

              

   

               

             

        

        


            


                


                  

                  


                    
Card title

                    
8000 -TL

                    
Adet: 3

                    
Last updated 3 mins ago

                  

                

                


                  

                  


                    
Card title

                    
6000 -TL

                    
Adet: 1

                    
Last updated 3 mins ago

                  

                

                


                  

                  


                    
Card title

                    
10000 -TL

                    
Adet: 3

                    
Last updated 3 mins ago

                  

                

              

              


                


                  

                  


                    
Card title

                    
12000 -TL

                    
Adet: 1

                    
Last updated 3 mins ago

                  

                

                


                  

                  


                    
Card title

                    
7000 -TL

                    
Adet: 2

                    
Last updated 3 mins ago

                  

                

                


                  

                  


                    
Card title

                    
1000 -TL

                    
Adet: 5

                    
Last updated 3 mins ago

                  

                

              
              

        

    

   

 

    

    



 

--------------------

let priceAll=Array.from(document.querySelectorAll(`.price`));
let sumPriceDiv=document.querySelector(`.sumPriceDiv`);
let sumPrice=0;
priceAll.forEach(function(element){
    let price=Number(element.textContent);
    sumPrice+=price;
    //console.log(sumPrice);
 
});
sumPriceDiv.textContent=sumPrice + `-TL`;