kids.js

let newarrivalsDataKid=[
//  babygirl  
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/75/P00644365_b1.jpg",
            name:"MONCLER ENFANT",
            name2:"Baby cotton hoodie and sweatpants set",
            price:195
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/8c/P00689179_b1.jpg",
            name:"MOLO",
            name2:"Baby Eloy printed cotton-blend sweatshirt",
            price:85
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/19/P00689420_b1.jpg",
            name:"MOLO",
            name2:"Baby Simeon cotton sweatpants",
            price:25
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/fb/P00689226_b1.jpg",
            name:"MONCLER ENFANT",
            name2:"Baby Crystala ruffled cotton-blend dress",
            price: 35
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/c5/P00659250_b1.jpg",
            name:"BONPOINT",
            name2:"Baby Pais floral smocked cotton dress",
            price:185
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/19/P00689420_b1.jpg",
            name:"BONPOINT",
            name2:"Baby Pais cotton twill and wool dress",
            price:125
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/78/P00644258_d2.jpg",
            name:"TARTINE ET CHOCOLAT",
            name2:"Baby changing bag",
            price:135
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/15/P00654677_b1.jpg",
            name:"TARTINE ET CHOCOLAT",
            name2:"Baby checked cotton-blend dress",
            price:85
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/03/P00659315_b1.jpg",
            name:"BONPOINT",
            name2:"Baby Aiman cotton jersey T-shirt",
            price:50
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/9e/P00696839_b1.jpg",
            name:"DOLCE&GABBANA KIDS",
            name2:"Baby logo swim trunks",
            price:135
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/10/P00677983_b1.jpg",
            name:"GUCCI KIDS",
            name2:"Baby GG intarsia sweater",
            price:335
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/fb/P00677969_b1.jpg",
            name:"GUCCI KIDS",
            name2:"Baby Web stripe technical jersey sweatpants",
            price:150
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/84/P00681551_b1.jpg",
            name:"GUCCI KIDS",
            name2:"Baby printed cotton sweatshirt",
            price:135
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/be/P00657310_b1.jpg",
            name:"MONCLER ENFANT",
            name2:"Baby swim trunks",
            price:33
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/dd/P00631203_b1.jpg",
            name:"MONNALISA",
            name2:"x Chiara Ferragni Baby printed T-shirt",
            price:55
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/c5/P00661071_b1.jpg",
            name:"GUCCI KIDS",
            name2:"Baby cotton overalls, bodysuit and hat set",
            price:135
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/71/P00657321_b1.jpg",
            name:"MONCLER ENFANT",
            name2:"Baby cotton-blend dress",
            price:133
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/55/P00661097_b1.jpg",
            name:"MONNALISA",
            name2:"Baby bow-detail printed swimsuit",
            price:85
        },


        // boy

        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/29/P00557503.jpg",
            name:"BURBERRY KIDS",
            name2:"Logo cotton gabardine sneakers",
            price:15
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/40/P00689485_b1.jpg",
            name:"MOLO",
            name2:"Mike printed cotton sweatshirt",
            price:33
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/24/P00689314_b1.jpg",
            name:"MOLO",
            name2:"Adan tie-dye cotton sweatpants",
            price:45
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/35/P00641242_b1.jpg",
            name:"PALM ANGELS KIDS",
            name2:"Printed cotton jersey T-shirt",
            price:157
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/75/P00677790_d2.jpg",
            name:"GUCCI KIDS",
            name2:"Web leather sneakers",
            price:33
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/19/P00688698_b1.jpg",
            name:"MOLO",
            name2:"Riley printed cotton T-shirt",
            price:45
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/c5/P00688717_b1.jpg",
            name:"MOLO",
            name2:"Afon cotton-blend sweatpants",
            price:57
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/99/P00677801_d2.jpg",
            name:"GUCCI KIDS",
            name2:"Gucci Tennis 1977 canvas sneakers",
            price:233
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/a1/P00688395_b1.jpg",
            name:"MOLO",
            name2:"Mar printed cotton-blend sweatshirt",
            price:45
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/62/P00655451_b1.jpg",
            name:"OFF-WHITE KIDS",
            name2:"Logo cotton-blend socks",
            price:47
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/7e/P00689307_b1.jpg",
            name:"GUCCI KIDS",
            name2:"Am cotton sweatpants",
            price:23
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/a1/P00688395_b1.jpg",
            name:"MOLO",
            name2:"Mar printed cotton-blend sweatshirt",
            price:45
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/74/P00688688_b1.jpg",
            name:"MOLO",
            name2:"Moz printed cotton hoodie",
            price:47
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/04/P00688708_b1.jpg",
            name:"MOLO",
            name2:"Axon cotton-blend shorts",
            price:23
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/76/P00688707_b1.jpg",
            name:"MOLO",
            name2:"Rube printed cotton top",
            price:35
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/b1/P00707917_d2.jpg",
            name:"DOLCE&GABBANA KIDS",
            name2:"Logo nylon backpack",
            price:247
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/43/P00633105_b1.jpg",
            name:"BURBERRY KIDS",
            name2:"Icon Stripe swim shorts",
            price:123
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/f8/P00688682_b1.jpg",
            name:"MOLO",
            name2:"Moz printed cotton hoodie",
            price:75
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/a1/P00713271_b1.jpg",
            name:"GIVENCHY KIDS",
            name2:"Printed cotton-blend hoodie",
            price:147
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/2e/P00713140_b1.jpg",
            name:"GIVENCHY KIDS",
            name2:"Printed cotton T-shirt",
            price:143
        },
        {
            imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/17/P00706630_d2.jpg",
            name:"GOLDEN GOOSE KIDS",
            name2:"Old School leather sneakers",
            price:175
        },

// 
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/58/P00689045_b1.jpg",
    name:"MOLO",
    name2:"Bolata animal print smocked skirt",
    price:47
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/19/P00688698_b1.jpg",
    name:"MOLO",
    name2:"Riley printed cotton T-shirt",
    price:143
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/c5/P00688717_b1.jpg",
    name:"MOLO",
    name2:"Afon cotton-blend sweatpants",
    price:175
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/1b/P00689053_b1.jpg",
    name:"MOLO",
    name2:"Cyrilli printed cotton-blend dress",
    price:75
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/c4/P00688542_b1.jpg",
    name:"MOLO",
    name2:"Cat floral cotton dress",
    price:73
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/c8/P00688938_b1.jpg",
    name:"MOLO",
    name2:"Road printed cotton T-shirt",
    price:25
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/99/P00677801_d2.jpg",
    name:"GUCCI KIDS",
    name2:"Gucci Tennis 1977 canvas sneakers",
    price:275
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/5c/P00688580_b1.jpg",
    name:"MOLO",
    name2:"Milla velour hoodie",
    price:43
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/6f/P00689153_b1.jpg",
    name:"MOLO",
    name2:"Mika printed cotton sweatshirt",
    price:55
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/53/P00627115_b1.jpg",
    name:"CAMILLA KIDS",
    name2:"Embellished printed cotton dress",
    price:185
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/b8/P00689050_b1.jpg",
    name:"MOLO",
    name2:"Catherine animal print cotton dress",
    price:75
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/b6/P00689052_b1.jpg",
    name:"MOLO",
    name2:"Cissa floral cotton-blend dress",
    price:55
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/4b/P00713058_b1.jpg",
    name:"GIVENCHY KIDS",
    name2:"Ruffle-trimmed cotton T-shirt dress",
    price:135
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/cf/P00625869_d2.jpg",
    name:"RICK OWENS KIDS",
    name2:"Geobasket high-top leather sneakers",
    price:275
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/f1/P00685360_b1.jpg",
    name:"MOLO",
    name2:"Pattie tiered floral cotton dress",
    price:255
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/f1/P00661124_d2.jpg",
    name:"MONNALISA",
    name2:"Glitter sandals",
    price:55
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/76/P00652774_b1.jpg",
    name:"MELISSA ODABASH KIDS",
    name2:"Baby Keira one-shoulder swimsuit",
    price:205
},
{
    imgurl:"https://img.mytheresa.com/560/560/33/jpeg/catalog/product/d9/P00661120_d2.jpg",
    name:"MONNALISA",
    name2:"Bow-trimmed checked sandals",
    price:85
},



]
displaydata(newarrivalsDataKid)

function sortfun(){
    let sorted=document.querySelector("#soortby").value;
    console.log(sorted)
    

    if(sorted==="LowToHigh"){
        newarrivalsDataKid.sort(function(a,b){
            if(a.price>b.price) return 1
            if(a.price<b.price) return -1
            return 0
        });
        displaydata(newarrivalsDataKid)
    }
    if (sorted=="HighToLow"){
        newarrivalsDataKid.sort(function(a,b){
            if(a.price<b.price) return 1
            if(a.price>b.price) return -1
            return 0
        });
        displaydata(newarrivalsDataKid)      
    }

}


function displaydata(newarrivalsDataKid){
    document.querySelector("#container").innerHTML=""
newarrivalsDataKid.forEach(function(elem){
    let box=document.createElement("div");
    box.id="carddiv"

    let imgdiv=document.createElement("div")
    let pic=document.createElement("img")
    pic.className="picSize"
    pic.setAttribute("src",elem.imgurl);
    imgdiv.append(pic)
    // box.append(pic)

    let dataName=document.createElement("h5")
    dataName.innerText=elem.name
    dataName.id="firstname"
    // box.append(pic,dataName)

    let dataname2=document.createElement("p")
    dataname2.innerText=elem.name2
    dataname2.id="secondname"
    // box.append(dataName,dataname2)

    let price=document.createElement("p")
    price.innerText="€"+ elem.price
    price.id="pricetag"
    // box.append(dataname2,price)

    let cart=document.createElement("button")
      cart.innerText="Add to Cart"
      cart.id="cartbutton"
    //   box.append(price,cart)

    cart.addEventListener("click",function(){
        addedcartfun(elem)
    })

      box.append(imgdiv,dataName,dataname2,price,cart)
      document.querySelector("#container").append(box)

})
}
let addedcart=JSON.parse(localStorage.getItem("addedcart"))||[]
function addedcartfun(elem){
    addedcart.push(elem)
    localStorage.setItem("addedcart",JSON.stringify(addedcart))
}
function indexfun(){
    console.log("abc")
    window.location.href="index.html"
}