Javascript 将价格添加到数组并显示总和

在用户的大力帮助下：PSL我已经用购物车完成了我项目的一半。 但是，我也希望将不同产品的价格相加，并将它们全部相加 div=“sum”

我是否可以为包含价格的产品添加另一个属性，然后循环并汇总总数

var-cart=[]；
var cartelelement=document.getElementById（“购物车”）；
函数addToCart（productName）{
购物车推送（产品名称）；
cartelelement.innerHTML=cart.join（“
”）；
}
var products=document.getElementsByClassName（'details'）；
对于（变量i=0；i

试试这样的方法

javascript代码

   var cart = [];
   var cartElement = document.getElementById("cart");



   function addToCart(obj) {
       var str = obj.dataset.productname;
       var price = obj.dataset.price;
       cart.push(str);
       cartElement.innerHTML = cart.join("<br>");
       var old_price = document.getElementById('total_sum').value;
       var new_price = parseInt(old_price) + parseInt(price);
       document.getElementById('total_sum').value = new_price;
       document.getElementById('sum').innerHTML = new_price;
   }


   var products = document.getElementsByClassName('details');

   for (var i = 0; i < products.length; i++) {
       products[i].addEventListener("click", handleClick, false);
   }


   function handleClick(e) {

       addToCart(this);
   }

var-cart=[]；
var cartelelement=document.getElementById（“购物车”）；
函数addToCart（obj）{
var str=obj.dataset.productname；
var价格=obj.dataset.price；
推车推（str）；
cartelelement.innerHTML=cart.join（“
”）；
var old_price=document.getElementById（'total_sum'）。值；
var新价格=parseInt（旧价格）+parseInt（价格）；
document.getElementById（'total_sum'）。value=new_price；
document.getElementById（'sum'）。innerHTML=新价格；
}
var products=document.getElementsByClassName（'details'）；
对于（变量i=0；i

HTML代码

<div id="cart"></div>
<div class="item">
    <div class="wrapper">
        <img src="images.png" alt="">
    </div>
    <p class="details" data-productName="prod1" data-price="100">prod</p>
</div>
<div class="item">
    <div class="wrapper">
        <img src="images.png" alt="">
    </div>
    <p class="details" data-productName="prod2" data-price="200">prod2</p>
</div>
<div id="sum">
    <p>SUM</p>
</div>
<input type="hidden" id="total_sum" value="0" />

产品
prod2
总数

谢谢你，拉杰什！这很有帮助（）

<div id="cart"></div>
<div class="item">
    <div class="wrapper">
        <img src="images.png" alt="">
    </div>
    <p class="details" data-productName="prod1" data-price="100">prod</p>
</div>
<div class="item">
    <div class="wrapper">
        <img src="images.png" alt="">
    </div>
    <p class="details" data-productName="prod2" data-price="200">prod2</p>
</div>
<div id="sum">
    <p>SUM</p>
</div>
<input type="hidden" id="total_sum" value="0" />