Cart 1

Simple Cart

by Prasad Gavande

HTML

<div class="product">
  <div class="productName">
    Prduct Name: Product1
  </div>
  <div class="productPrice">
    Product Price:
    <lable class="price">20</lable>
  </div>
  <div class="productQty">
    Product Qty
    <input type="text" class="qty">
  </div>
  <button class="AddProduct">
    Buy
  </button>
</div>
<div id="sum">
  <lable class="productsum">Total Price</lable>
</div>


<div class="product">
  <div class="productName">
    Prduct Name: Product1
  </div>
  <div class="productPrice">
    Product Price:
    <lable class="price">30</lable>
  </div>
  <div class="productQty">
    Product Qty
    <input type="text" class="qty">
  </div>
  <button class="AddProduct">
    Buy
  </button>
</div>
<div id="sum">
  <lable class="productsum">Total Price</lable>
</div>

JavaScript

$("document").ready(function() {
  $(".AddProduct").click(function() {
  var price = $(".price").text();
  var qty = $(".qty").val();
		calculateSinglePrice(price ,  qty);
  })

  function calculateSinglePrice(pr, qt ) {    
    var singleSum = pr * qt;
    $(".productsum").text(singleSum);

  }
});