forked from arghadipmanna101/Flipkart_Clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Product.js
126 lines (114 loc) · 4.01 KB
/
Product.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
let sample_data = [
{
Brand:"Arrow",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/shirt/i/i/s/-original-imaghgchxvgkactc.jpeg?q=70",
names:"Men Slim Fit Self",
price:"758",
actualprice:"2,299"
},
{
Brand:"Arrow",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/shirt/a/p/c/40-arfkosh0024-arrow-original-imagszket7qcdbze.jpeg?q=70",
names:"Men Slim Fit Self",
price:"1,329",
actualprice:"1,799"
},
{
Brand:"Arrow",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/shirt/r/x/d/50-anaesh1035-arrow-newyork-original-imagg48fqgxezpnk.jpeg?q=70",
names:"Men Slim Fit Self",
price:"1,286",
actualprice:"2,499"
}, {
Brand:"Arrow",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/shirt/2/z/o/46-ares02011a-arrow-sport-original-imagknbgg4dcqvvv.jpeg?q=70",
names:"Men Slim Self Shirt",
price:"1,758",
actualprice:"2,099"
},
{
Brand:"Puma",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/track-suit/n/m/e/m-int-ts-203-f-ns1-r-l-bk-integriti-original-imaggaqsqaqj5pyu.jpeg?q=70",
names:"Men Slim Fit Self",
price:"558",
actualprice:"1,399"
},
{
Brand:"Puma",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/track-suit/9/z/c/-original-imagg9zwzngacvry.jpeg?q=70",
names:"Men Slim Fit Self",
price:"558",
actualprice:"1,399"
},
{
Brand:"Puma",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/track-suit/9/z/c/-original-imagg9zwzngacvry.jpeg?q=70",
names:"Men Slim Fit Self",
price:"5578",
actualprice:"10,399"
},
, {
Brand:"Arrow",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/shirt/s/4/f/-original-imagsfejwcyfa4yx.jpeg?q=70",
names:"Men Slim Fit Self",
price:"2,038",
actualprice:"2,899"
},
{
Brand:"Puma",
img_src:"",
names:"Men Slim Fit Self",
price:"558",
actualprice:"1,399"
},
{
Brand:"Puma",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/track-suit/s/3/j/m-22mo116-2-moca-by-monte-carlo-original-imagkhz8pfsa7eyp.jpeg?q=70",
names:"Men Slim Fit Self",
price:"558",
actualprice:"1,399"
},
{
Brand:"Puma",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/track-suit/n/m/e/m-int-ts-203-f-ns1-r-l-bk-integriti-original-imaggaqsqaqj5pyu.jpeg?q=70",
names:"Men Slim Fit Self",
price:"558",
actualprice:"1,399"
},
{
Brand:"Puma",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/track-suit/9/z/c/-original-imagg9zwzngacvry.jpeg?q=70",
names:"Men Slim Fit Self",
price:"558",
actualprice:"1,399"
},
{
Brand:"Puma",
img_src:"https://rukminim2.flixcart.com/image/612/612/xif0q/track-suit/9/z/c/-original-imagg9zwzngacvry.jpeg?q=70",
names:"Men Slim Fit Self",
price:"5578",
actualprice:"10,399"
},
];
localStorage.setItem("productsdata", JSON.stringify(sample_data));
let collection = JSON.parse(localStorage.getItem("productsdata")) || [];
Product();
function Product(){
collection.map((element)=>{
let box = document.createElement("div");
let innerbox = document.createElement("div")
let price1 = document.createElement("span");
price1.innerHTML = element.price
let price2 = document.createElement("span");
price2.innerHTML = element.actualprice
innerbox.append(price1, price2);
innerbox.className = "innerbox"
let avatar = document.createElement("img");
avatar.src = element.img_src;
avatar.className = "avatar"
let brand = document.createElement("p");
brand.innerHTML = element.Brand;
box.append(avatar,brand,innerbox);
document.getElementById("collection").append(box);
})
}