CartPage.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="products.css">
</head>
<body>

</div>
<hr />
</div>
<div id="images">
<!-- <div class="img">Hi</div>
<div class="img">HI</div>
<div class="img">HI</div>
<div class="img">HI</div>
<div class="img">HI</div> -->
</div>
</div>
</div>
</body>
</html>


<!-- <script>
    var cart=JSON.parse(localStorage.getItem("datas"))
    console.log(cart)
    showProducts(cart)
    function showProducts(cart) {

    cart.map(function (item) {
      var imgs = document.createElement("img");
      imgs.setAttribute("src", item.image_url);
      imgs.setAttribute("id", "imageSizing");

      var type = document.createElement("p");
      type.textContent = item.type;
      type.setAttribute("class", "paraStyle");

      var description = document.createElement("p");
      description.textContent = item.dsc;
      description.setAttribute("class", "paraStyle1");

      var x = document.createElement("div");
      x.setAttribute("id", "x");

      var price = document.createElement("span");
      price.textContent = "₹" + item.MRP;
      price.setAttribute("class", "pricing");

      var disc = document.createElement("span");
      disc.textContent = "₹" + item.discount;
      disc.setAttribute("id", "discStyle");

      var discPer = document.createElement("span");
      discPer.textContent = item.discountPercentage;
      discPer.setAttribute("id", "discPerStyle");

      x.append(price, disc, discPer);

      var imgDiv = document.createElement("div");
      imgDiv.setAttribute("id", "img");
     

      imgDiv.append(imgs, type, description, x);

      document.getElementById("images").append(imgDiv);
      // imgDiv.append(x);
    });
  }
 

</script> -->