womenproduct.js

var  mensdata=[

    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/61zle4VaOjL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"gucci",
    productType:"womansclothing",
      name:"gucci Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/712UlHcP0FL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/814u348WfCL._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/61nVh3EzuvL._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Valentino",
    productType:"womansclothing",
      name:"v Dress- Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/71S0EvJqk0L._MCnd_AC_UL480_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/612-N-E-zgL._AC_UY879_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/61ClZbdtKWL._AC_UY879_.jpg",
     strikedoffprice: "1199",
     price: "957",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"biba",
    productType:"womansclothing",
      name:"biba Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/51ZjAjaaW1L._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/515ZxYk-XYL._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/41EGNRmia0S._AC_UY879_.jpg",
     strikedoffprice: "799",
     price: "597",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"killer",
    productType:"womansclothing",
      name:"killer - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/714dlDzp4uL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O7jOVpzFL._AC_UY879_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/615ur3iHiVL._AC_UY879_.jpg",
     strikedoffprice: "999",
     price: "857",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"mochi",
    productType:"womansclothing",
      name:"mochi - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/71BCpE9GkZL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/71ra+f-OWQL._AC_UY879_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/71ra+f-OWQL._AC_UY879_.jpg",
     strikedoffprice: "1232",
     price: "1107",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/515j4aE+bpL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/71cIHGOgLNL._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/61caK9pwHlL._AC_UY879_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/61J5vVqO0jL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61meJtfmzUL._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/61meJtfmzUL._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "509",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/71GPDpiZwyL._AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/81PIz3WnCwL._AC_UY879_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/71M5FtcNYoL._AC_UY879_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"levis",
    productType:"womansclothing",
      name:"levis Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/71UfkIIwVqL._MCnd_AC_UL480_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/7152mBQ4bjL._AC_UY879_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/7152mBQ4bjL._AC_UY879_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/71oM86Meb4L._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/515FtnvplHL._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/515FtnvplHL._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/61nsOSnU5sL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/61A0xvbCzOL._MCnd_AC_UL480_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/81wnni87c2L._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/61Kq4fAcPxL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/61B7ioF0GiL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/81gJsn1oRJL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/71JpDUjg7CL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/51dxQaqyLXL._MCnd_AC_UL480_FMwebp_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/61O3CvcBY3L._AC_UX679_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/610JPtJjx1L._AC_UX679_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    },
    {  brand_name:"Louis Philip",
    productType:"womansclothing",
      name:"LP Brand - Symbol  women  dress",
     image_url:"https://m.media-amazon.com/images/I/61A0xvbCzOL._MCnd_AC_UL480_QL65_.jpg",
     image_url1:"https://m.media-amazon.com/images/I/71YCULl3hiL._AC_UY879_.jpg",
     image_url2:"https://m.media-amazon.com/images/I/71DbFFzwVtL._AC_UY879_.jpg",
     strikedoffprice: "799",
     price: "557",
     save: "save 30%",
       extrasave : "Extra 15% OFF"
    }
    
    ]; 
    
    displayProduct(mensdata);

function handlePrice() {
var selected = document.getElementById("handlePrice").value;
console.log(selected);
if (selected === "htl") {
  mensdata.sort(function(a, b) {
    return parseFloat(b.price) - parseFloat(a.price);
  });
  displayProduct(mensdata);
} else if (selected === "lth") {
  mensdata.sort(function(a, b) {
    return parseFloat(a.price) - parseFloat(b.price);
  });
  displayProduct(mensdata);
}
}

function displayProduct(data) {
var parentDiv = document.getElementById("parent");
parentDiv.innerHTML = ""; // Clear previous content

data.forEach(function(elem) {
  var div = document.createElement("div");

  var image = document.createElement("img");
  image.setAttribute("src", elem.image_url);
  image.setAttribute("alt", elem.name);

  var extrasave = document.createElement("a");
  extrasave.textContent = elem.extrasave;

  var name = document.createElement("h4");
  name.textContent = elem.name;

  var pricebox = document.createElement("div");

  var strikedoffprice = document.createElement("p");
  strikedoffprice.textContent = "$" + elem.strikedoffprice;

  var price = document.createElement("p");
  price.textContent = "$" + elem.price;

  var save = document.createElement("p");
  save.textContent = elem.save;

  pricebox.append(strikedoffprice, price, save);

  div.append(image, extrasave, name, pricebox);
  parentDiv.append(div);

  image.addEventListener("click", function() {
    var imgs = event.target.getAttribute("src");
    var discount = event.target.parentNode.children[1].innerText;
    var description = event.target.parentNode.children[2].innerText;
    var rprice = event.target.parentNode.children[3].children[0].innerText;
    var price = event.target.parentNode.children[3].children[1].innerText;
    var saving = event.target.parentNode.children[3].children[2].innerText;
    var brand = event.target.parentNode.children[4].children[0].innerText;
    var type = event.target.parentNode.children[4].children[1].innerText;
    var img2 = event.target.parentNode.children[4].children[2].getAttribute("src");
    var img3 = event.target.parentNode.children[4].children[3].getAttribute("src");
    var obj={};
    obj["imgs"]=imgs;
    obj["discount"]=discount;
    obj["discription"]=description;
    obj["rprice"]=rprice;
    obj["price"]=price;
    obj["saving"]=saving;
    obj["brand"]=brand;
    obj["type"]=type;
    obj["img2"]=img2;
    obj["img3"]=img3;
    localStorage.setItem("product-pge-item",JSON.stringify(obj));
   
    window.location.href = "product.html";
  });

  name.addEventListener("click", function() {
    var imgs = event.target.parentNode.children[0].getAttribute("src");
    var discount = event.target.parentNode.children[1].innerText;
    var description = event.target.parentNode.children[2].innerText;
    var rprice = event.target.parentNode.children[3].children[0].innerText;
    var price = event.target.parentNode.children[3].children[1].innerText;
    var saving = event.target.parentNode.children[3].children[2].innerText;
    var brand = event.target.parentNode.children[4].children[0].innerText;
    var type = event.target.parentNode.children[4].children[1].innerText;
    var img2 = event.target.parentNode.children[4].children[2].getAttribute("src");
    var img3 = event.target.parentNode.children[4].children[3].getAttribute("src");

    var obj={};
    obj["imgs"]=imgs;
    obj["discount"]=discount;
    obj["discription"]=description;
    obj["rprice"]=rprice;
    obj["price"]=price;
    obj["saving"]=saving;
    obj["brand"]=brand;
    obj["type"]=type;
    obj["img2"]=img2;
    obj["img3"]=img3;
    localStorage.setItem("product-pge-item",JSON.stringify(obj));
   
    window.location.href = "product.html";
  });

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

  var brand = document.createElement("p");
  brand.innerText = elem.brand_name;

  var type = document.createElement("p");
  type.innerText = elem.productType;

  var img2 = document.createElement("img");
  img2.setAttribute("src", elem.image_url1);

  var img3 = document.createElement("img");
  img3.setAttribute("src", elem.image_url2);

  mydiv.append(brand, type, img2, img3);
  div.append(image, extrasave, name, pricebox);
  div.append(mydiv);

  parentDiv.append(div);
});
}