From 6d1d8c181657669ccec925eca6baefbf16a3f727 Mon Sep 17 00:00:00 2001 From: JahirPendhari Date: Thu, 1 Jun 2023 17:51:42 +0530 Subject: [PATCH 01/10] Day-1 --- day-1/home.css | 89 +++++++++++++++++++++++++++++++++++++++++++++ day-1/index.html | 93 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 182 insertions(+) create mode 100644 day-1/home.css create mode 100644 day-1/index.html diff --git a/day-1/home.css b/day-1/home.css new file mode 100644 index 0000000..9868aed --- /dev/null +++ b/day-1/home.css @@ -0,0 +1,89 @@ +#header { + width: 100%; + height: 100px; + display: flex; + justify-content: space-between; +} +#header >img{ + width: 30%; +} +#search{ + margin-top: 30px; + margin-bottom: 30px; + border-radius: 5px ; + width: 300px; +} + +#header >div{ + display: flex; + width: 200px; + /* justify-content: space-between; */ + padding-right: 20px; +} +#header >div >img{ + width: 50%; +} + +#navbar{ + width: 60%; + display: flex; + justify-content: space-around; +} + +#Image > img{ + width: 100%; +} +#cont{ + width: 90%; + margin: auto; + display: grid; + grid-template-columns: repeat(3,1fr); + gap: 20px 20px; + text-align: center; +} + +#cont img{ + width: 100%; +} + +#midSection{ + width: 90%; + margin: auto; + display: grid; + grid-template-columns: repeat(2,1fr); + gap: 20px 40px; +} +#midSection img{ + width: 100%; +} + +#midSection >div >div{ + width: 100%; + display: flex; + justify-content: space-around; +} + +.cont2{ + padding-top: 50px; + width: 100%; +} +.cont2 img{ + width: 100%; +} +.cont3 { + width: 100%; + padding-top: 50px; + margin: auto; + display: grid; + grid-template-columns: repeat(2,1fr); + gap: 20px 40px; +} +.cont3 img{ + width: 100%; +} +#btn{ + width: 200px; + height: 50px; + color:white; + background-color: black; +} \ No newline at end of file diff --git a/day-1/index.html b/day-1/index.html new file mode 100644 index 0000000..79220e5 --- /dev/null +++ b/day-1/index.html @@ -0,0 +1,93 @@ + + + + + + + Mini_Project + + + + +
+ +
+
+ +
+
+
+ +

SPORTS

+
+
+ +

FITNESS

+
+
+ +

SHOES

+
+
+ +
+

OUR CUSTOMIZED SERVICES

+
+
+ +
+

RACKET STRINGING

+

HYBRID STRINGING

+

TT ASSEMBLY

+

BAT KNOCKING

+
+
+
+

HYBRID RACKET STRINING

+

Intermediate and advanced rackets usually come in unstrung condition. We help you with stringing it with your choice of strings, to get your racket perform as per your playing style. + + At Sportsjam.in , we offer the best range of tennis and badminton rackets and strings of top brands. To avail this service, choose your favourite new racket, add Racket Stringing Service, mentioning your choice of string and tension in your order. Get your very own customised racket – ready to play!

+ +
+
+ +

PICKLEBALL SPORTS

+
+
+ +

PADAL SPORTS

+
+
+
+ +
+
+
+ +
+
+

ABOUT SPORTSJAM

+

Let's get going to dig out the best products in your game & make 'em available right at your doorstep. We will be glad to serve you in any city in India & speedily, so that you enjoy your product in the coming weekend! All this, with no shipping charges if you purchase above Rs.1000. + + Scout through your favourite brands with latest technologies. Just click & be its proud owner, at the best available price in the market. Come, help us help you to fly high with your new & improved game with high quality sportsgear!

+ +
+
+ + \ No newline at end of file From b532a000d7124a591beda8a036a828e1d260cd10 Mon Sep 17 00:00:00 2001 From: JahirPendhari Date: Fri, 2 Jun 2023 22:30:11 +0530 Subject: [PATCH 02/10] badminton and pickleball page done --- day-1/Scripts/index.js | 38 ++++++++++++++++++++++ day-1/badminton.css | 72 +++++++++++++++++++++++++++++++++++++++++ day-1/badminton.html | 49 ++++++++++++++++++++++++++++ day-1/endPic.png | Bin 0 -> 114631 bytes day-1/home.css | 34 +++++++++++++++++-- day-1/index.html | 35 ++++++++++++-------- day-1/pickleball.css | 33 +++++++++++++++++++ day-1/pickleball.html | 32 ++++++++++++++++++ 8 files changed, 277 insertions(+), 16 deletions(-) create mode 100644 day-1/Scripts/index.js create mode 100644 day-1/badminton.css create mode 100644 day-1/badminton.html create mode 100644 day-1/endPic.png create mode 100644 day-1/pickleball.css create mode 100644 day-1/pickleball.html diff --git a/day-1/Scripts/index.js b/day-1/Scripts/index.js new file mode 100644 index 0000000..918312f --- /dev/null +++ b/day-1/Scripts/index.js @@ -0,0 +1,38 @@ +// console.log("jjj") + +let headerImg = document.getElementById("imgd"); + +let btn1 = document.getElementById("btn1"); +let btn2 = document.getElementById("btn2"); +let ind =0; +let headImg =[ + "https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/PARAFA2023.jpg", + "https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/Pro-Staff-V14-BUY-Now.jpg", + "https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/Joma%20offer.jpg", + "https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/osaka-ezone.jpg", + "https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/ArcSaber11-1.jpg", + "https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/speed2022.jpg" +]; +let data = "https://www.google.com/"; + +headerImg.setAttribute("src", headImg[ind]); + +btn1.addEventListener("click",function(){ + ind--; + if(ind === -1){ + ind=headImg.length-1; + } + headerImg.setAttribute("src", headImg[ind]); +}) + +btn2.addEventListener("click",function(){ + ind++; + if(ind === headImg.length){ + ind=0; + } + headerImg.setAttribute("src", headImg[ind]); +}) + + + + diff --git a/day-1/badminton.css b/day-1/badminton.css new file mode 100644 index 0000000..f8872be --- /dev/null +++ b/day-1/badminton.css @@ -0,0 +1,72 @@ +#header { + width: 100%; + height: 100px; + display: flex; + justify-content: space-between; +} +#header >img{ + width: 30%; +} +#search{ + margin-top: 30px; + margin-bottom: 30px; + border-radius: 5px ; + width: 300px; +} + +#header >div{ + display: flex; + width: 200px; + /* justify-content: space-between; */ + padding-right: 20px; +} +#header >div >img{ + padding-top: 20px; + width: 30%; + height: 70px; +} + +#navbar{ + width: 60%; + display: flex; + justify-content: space-around; +} + +#pic{ + width: 100%; +} + +#pic img{ + width: 100%; +} + +.kit { + width: 90%; + display: grid; + grid-template-columns: repeat(3,1fr); + gap: 20px; + margin: auto; +} + +.kit img{ + width: 100%; +} + +img{ + width: 100%; +} +.bag{ + width: 100%; + display: grid; + grid-template-columns: repeat(2,1fr); + gap: 20px; +} + +.bag img{ + width: 100%; +} + +#end{ + padding-top: 50px; + width: 100%; +} diff --git a/day-1/badminton.html b/day-1/badminton.html new file mode 100644 index 0000000..4068bfa --- /dev/null +++ b/day-1/badminton.html @@ -0,0 +1,49 @@ + + + + + + + Badminton + + + + +
+ +
+
+ +
+

PURE AERO RAFA 2023 SERIES RACQUET

+
+ + + +
+

+ +

PURE AERO RAFA 2023 SERIES KITBAG

+
+ + +
+ + + \ No newline at end of file diff --git a/day-1/endPic.png b/day-1/endPic.png new file mode 100644 index 0000000000000000000000000000000000000000..321754b8cd2cc335885b0621ec6615d14172ad79 GIT binary patch literal 114631 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 +

PRICE RANGE

+ + + +
+
+

PICKLEBALL

+ +
+
+
+ +
+
+ + + + + + \ No newline at end of file From e3261f221c64d78863ffd426d0a6575ee47320a6 Mon Sep 17 00:00:00 2001 From: JahirPendhari Date: Sat, 3 Jun 2023 17:35:42 +0530 Subject: [PATCH 04/10] day-3 --- day-1/Scripts/index.js | 5 ++- day-1/Scripts/pickleball.js | 41 ++++++++++++++------ day-1/badminton.css | 20 +++++++++- day-1/badminton.html | 69 +++++++++++++++++++++++++++++---- day-1/cart.html | 13 +++++++ day-1/home.css | 32 ++++++++++++++- day-1/index.html | 77 +++++++++++++++++++++++++++++++------ day-1/pickleball.css | 20 +++++++++- day-1/pickleball.html | 69 +++++++++++++++++++++++++++++---- 9 files changed, 301 insertions(+), 45 deletions(-) create mode 100644 day-1/cart.html diff --git a/day-1/Scripts/index.js b/day-1/Scripts/index.js index 918312f..2ee2181 100644 --- a/day-1/Scripts/index.js +++ b/day-1/Scripts/index.js @@ -31,7 +31,10 @@ btn2.addEventListener("click",function(){ ind=0; } headerImg.setAttribute("src", headImg[ind]); -}) +}); + + + diff --git a/day-1/Scripts/pickleball.js b/day-1/Scripts/pickleball.js index 62c0c59..f2bb274 100644 --- a/day-1/Scripts/pickleball.js +++ b/day-1/Scripts/pickleball.js @@ -2,54 +2,54 @@ let data =[ { image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARFWPP11.jpg", name:"Gamma Fushion", - price :"8199", + price :"₹8199", discount:"25% OFF", }, { image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARDPP10.jpg", name:"Gamma Dart", - price :7399, + price :"₹7399", discount:"25% OFF" } ,{ image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARFPPP10.jpg", name:"Gamma Fushion", - price :6399, + price :"₹6399", discount:"25% OFF" }, { image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARMPP11.jpg", name:"Gamma Micron", - price :7299, + price :"₹7299", discount:"25% OFF" } , { image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GAROPP10.jpg", name:"Gamma Odyssey", - price :5499, + price :"₹5499", discount:"25% OFF" } , { image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARQPP10.jpg", name:"Gamma Quest", - price :4899, + price :"₹4899", discount:"30% OFF" } , { image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARGMPP14.jpg", name:"Gamma Mirage", - price : 9799, + price : "₹9799", discount:"20% OFF" } ,{ image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARGSPP10.jpg", name:"Gamma Shard", - price :11599, + price :"₹11599", discount:"15% OFF" } , { image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GACGOP3.jpg", name:"Gamma Photon", - price :1999, + price :"₹1999", discount:"25% OFF" } @@ -93,7 +93,7 @@ filter.addEventListener("change",function(){ display(data) - +let LS = JSON.parse(localStorage.getItem("Bookmark")) || []; function display(data){ product.innerHTML=""; for(let i=0;idiv{ display: flex; width: 200px; - /* justify-content: space-between; */ padding-right: 20px; } #header >div >img{ @@ -27,10 +26,27 @@ } #navbar{ - width: 60%; + width: 80%; display: flex; justify-content: space-around; } +#navbar :hover{ + background-color:black; + color: white; +} +#navbar ul a { + text-decoration: none; +} +.sport{ + display: none; +} + +#navbar :hover .sport{ + display: block; + position: absolute; + margin-top: 30px; + background-color: lightblue; +} #pic{ width: 100%; diff --git a/day-1/badminton.html b/day-1/badminton.html index 4068bfa..0ed48fc 100644 --- a/day-1/badminton.html +++ b/day-1/badminton.html @@ -18,14 +18,67 @@

Shopping Cart

diff --git a/day-1/cart.html b/day-1/cart.html new file mode 100644 index 0000000..d6363e3 --- /dev/null +++ b/day-1/cart.html @@ -0,0 +1,13 @@ + + + + + + + Cart + + + + + + \ No newline at end of file diff --git a/day-1/home.css b/day-1/home.css index 018a333..da67a5e 100644 --- a/day-1/home.css +++ b/day-1/home.css @@ -1,3 +1,6 @@ +* { + box-sizing: border-box; +} #header { width: 100%; height: 100px; @@ -27,10 +30,15 @@ } #navbar{ - width: 60%; + width: 80%; display: flex; justify-content: space-around; } +#navbar :hover{ + background-color:black; + color: white; +} + #Image{ width: 100%; display: flex; @@ -114,4 +122,26 @@ height: 50px; margin: auto; +} +#navbar ul a { + text-decoration: none; + +} +.sport{ + display: none; +} + +#navbar :hover .sport{ + display: block; + position: absolute; + margin-top: 30px; + background-color: lightblue; +} +.main a { + text-decoration: none; +} + +#shopcart{ + padding-top: 20px; + padding-left: 20px; } \ No newline at end of file diff --git a/day-1/index.html b/day-1/index.html index a1a6e62..3134e9d 100644 --- a/day-1/index.html +++ b/day-1/index.html @@ -13,19 +13,72 @@
-

Shopping Cart

+

Shopping Cart

@@ -37,15 +90,15 @@

Shopping Cart

diff --git a/day-1/pickleball.css b/day-1/pickleball.css index 6d069a5..72718af 100644 --- a/day-1/pickleball.css +++ b/day-1/pickleball.css @@ -30,11 +30,28 @@ } #navbar{ - width: 60%; + width: 80%; display: flex; justify-content: space-around; } +#navbar :hover{ + background-color:black; + color: white; +} +#navbar ul a { + text-decoration: none; +} +.sport{ + display: none; +} + +#navbar :hover .sport{ + display: block; + position: absolute; + margin-top: 30px; + background-color: lightblue; +} #pick { padding-top: 20px; padding-left: 10px; @@ -75,6 +92,7 @@ #productData >div{ text-align: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; + padding-bottom: 20px; } #productData >div img{ diff --git a/day-1/pickleball.html b/day-1/pickleball.html index e7bf02c..d19aed4 100644 --- a/day-1/pickleball.html +++ b/day-1/pickleball.html @@ -18,14 +18,67 @@

Shopping Cart

From 89926a537b2fdff94f93f16d44a76a8cf6089a41 Mon Sep 17 00:00:00 2001 From: JahirPendhari Date: Sun, 4 Jun 2023 22:26:18 +0530 Subject: [PATCH 05/10] Cart page --- day-1/Scripts/cart.js | 56 +++++++++++++++++++++++ day-1/Scripts/index.js | 5 +++ day-1/Scripts/pickleball.js | 8 +++- day-1/badminton.css | 9 +++- day-1/badminton.html | 2 +- day-1/cart.css | 82 +++++++++++++++++++++++++++++++++ day-1/cart.html | 90 ++++++++++++++++++++++++++++++++++++- day-1/home.css | 8 ++-- day-1/index.html | 3 +- day-1/pickleball.css | 11 ++++- day-1/pickleball.html | 2 +- 11 files changed, 263 insertions(+), 13 deletions(-) create mode 100644 day-1/Scripts/cart.js create mode 100644 day-1/cart.css diff --git a/day-1/Scripts/cart.js b/day-1/Scripts/cart.js new file mode 100644 index 0000000..13f2a3d --- /dev/null +++ b/day-1/Scripts/cart.js @@ -0,0 +1,56 @@ +let LS = JSON.parse(localStorage.getItem("Bookmark")); + + +let box = document.getElementById("cont"); + +display(LS); + +function display(data){ + box.innerHTML=""; + for(let i=0; i{ + if(e.id !== data[i].id){ + return e; + } + }) + display(LS); + localStorage.setItem("Bookmark",JSON.stringify(LS)); + + }) + + }; +} \ No newline at end of file diff --git a/day-1/Scripts/index.js b/day-1/Scripts/index.js index 2ee2181..b38ab1f 100644 --- a/day-1/Scripts/index.js +++ b/day-1/Scripts/index.js @@ -33,6 +33,11 @@ btn2.addEventListener("click",function(){ headerImg.setAttribute("src", headImg[ind]); }); +let cart=document.getElementById("shopcart"); + +cart.addEventListener("click",function(){ + +}) diff --git a/day-1/Scripts/pickleball.js b/day-1/Scripts/pickleball.js index f2bb274..73a8484 100644 --- a/day-1/Scripts/pickleball.js +++ b/day-1/Scripts/pickleball.js @@ -94,8 +94,9 @@ filter.addEventListener("change",function(){ display(data) let LS = JSON.parse(localStorage.getItem("Bookmark")) || []; + function display(data){ - product.innerHTML=""; + for(let i=0;idiv >img{ padding-top: 20px; width: 30%; - height: 70px; + height: 60px; } #navbar{ @@ -86,3 +86,10 @@ img{ padding-top: 50px; width: 100%; } +#shopcart{ + padding-top: 20px; + padding-left: 20px; +} +#shopcart a{ + text-decoration: none; +} \ No newline at end of file diff --git a/day-1/badminton.html b/day-1/badminton.html index 0ed48fc..3b1dd55 100644 --- a/day-1/badminton.html +++ b/day-1/badminton.html @@ -13,7 +13,7 @@
-

Shopping Cart

+

Shopping Cart

diff --git a/day-1/cart.css b/day-1/cart.css new file mode 100644 index 0000000..bec05aa --- /dev/null +++ b/day-1/cart.css @@ -0,0 +1,82 @@ +*{ + box-sizing: border-box; +} +#header { + width: 100%; + height: 100px; + display: flex; + justify-content: space-between; +} +#header >img{ + width: 30%; +} +#search{ + margin-top: 30px; + margin-bottom: 30px; + border-radius: 5px ; + width: 300px; +} + +#header >div{ + display: flex; + width: 200px; + /* justify-content: space-between; */ + padding-right: 20px; +} +#header >div >img{ + padding-top: 20px; + width: 40%; + height: 80px; +} + +#navbar{ + width: 80%; + display: flex; + justify-content: space-around; +} +#navbar :hover{ + background-color:black; + color: white; +} + +#navbar ul a { + text-decoration: none; + +} +.sport{ + display: none; +} + +#navbar :hover .sport{ + display: block; + position: absolute; + margin-top: 30px; + background-color: lightblue; +} +#shopcart{ + padding-top: 20px; + padding-left: 20px; + text-decoration: none; +} + +#cont{ + width: 100%; + display: grid; + grid-template-columns: repeat(5,1fr); + border: 2px solid black; + margin: auto; + text-align: center; + /* background-color: aquamarine; */ +} +#cont div { + display: flex; + align-items: center; + justify-content: center; + border: 2px solid black; +} +#cont div img{ + padding-top: 20px; + width: 25%; +} +#box { +} \ No newline at end of file diff --git a/day-1/cart.html b/day-1/cart.html index d6363e3..ce60b54 100644 --- a/day-1/cart.html +++ b/day-1/cart.html @@ -5,9 +5,95 @@ Cart + - + +
+ +
+ +

SHOPPING CART

+ +
+
Product Name
+
Unit Price
+
Quantity
+
Totle
+
Remove
+
+
+
- \ No newline at end of file + + \ No newline at end of file diff --git a/day-1/home.css b/day-1/home.css index da67a5e..1e2c451 100644 --- a/day-1/home.css +++ b/day-1/home.css @@ -20,13 +20,12 @@ #header >div{ display: flex; width: 200px; - /* justify-content: space-between; */ padding-right: 20px; } #header >div >img{ padding-top: 20px; - width: 30%; - height: 70px; + width: 40%; + height: 80px; } #navbar{ @@ -144,4 +143,7 @@ #shopcart{ padding-top: 20px; padding-left: 20px; +} +#shopcart a{ + text-decoration: none; } \ No newline at end of file diff --git a/day-1/index.html b/day-1/index.html index 3134e9d..e30eb66 100644 --- a/day-1/index.html +++ b/day-1/index.html @@ -13,7 +13,8 @@
-

Shopping Cart

+

Shopping Cart

+
diff --git a/day-1/pickleball.css b/day-1/pickleball.css index 72718af..e1a4ca9 100644 --- a/day-1/pickleball.css +++ b/day-1/pickleball.css @@ -25,8 +25,8 @@ } #header >div >img{ padding-top: 20px; - width: 30%; - height: 70px; + width: 40%; + height: 80px; } #navbar{ @@ -102,4 +102,11 @@ #end{ padding-top: 50px; width: 100%; +} +#shopcart{ + padding-top: 20px; + padding-left: 20px; +} +#shopcart a{ + text-decoration: none; } \ No newline at end of file diff --git a/day-1/pickleball.html b/day-1/pickleball.html index d19aed4..a180aab 100644 --- a/day-1/pickleball.html +++ b/day-1/pickleball.html @@ -13,7 +13,7 @@
-

Shopping Cart

+

Shopping Cart

From 28081e9a4f5a7ae944b6a2aaebd633d0877ccf1b Mon Sep 17 00:00:00 2001 From: JahirPendhari Date: Sun, 4 Jun 2023 23:22:07 +0530 Subject: [PATCH 06/10] Media --- day-1/Scripts/cart.js | 9 ++++++--- day-1/Scripts/pickleball.js | 25 ++++++++++++++++++------ day-1/badminton.css | 27 +++++++++++++++++++++++++ day-1/home.css | 38 ++++++++++++++++++++++++++++++++++++ day-1/pickleball.css | 39 ++++++++++++++++++++++++++++++++++++- 5 files changed, 128 insertions(+), 10 deletions(-) diff --git a/day-1/Scripts/cart.js b/day-1/Scripts/cart.js index 13f2a3d..6e2b36a 100644 --- a/day-1/Scripts/cart.js +++ b/day-1/Scripts/cart.js @@ -1,5 +1,7 @@ -let LS = JSON.parse(localStorage.getItem("Bookmark")); - +let LS = JSON.parse(localStorage.getItem("Bookmark"))||[]; +function refresh(){ + // let LS = JSON.parse(localStorage.getItem("Bookmark"))||[]; +} let box = document.getElementById("cont"); @@ -41,13 +43,14 @@ function display(data){ // box.append(div); remove.addEventListener("click",function(){ - + alert("Are You Sure") LS = LS.filter((e)=>{ if(e.id !== data[i].id){ return e; } }) display(LS); + refresh(); localStorage.setItem("Bookmark",JSON.stringify(LS)); }) diff --git a/day-1/Scripts/pickleball.js b/day-1/Scripts/pickleball.js index 73a8484..5c1b189 100644 --- a/day-1/Scripts/pickleball.js +++ b/day-1/Scripts/pickleball.js @@ -43,7 +43,7 @@ let data =[ ,{ image :"https://storage.sg.content-cdn.io/cdn-cgi/image/width=270,height=270,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/GARGSPP10.jpg", name:"Gamma Shard", - price :"₹11599", + price :"₹1199", discount:"15% OFF" } , { @@ -63,14 +63,28 @@ filter.addEventListener("change",function(){ // event.preventDefault(); if(filter.value === "Price Low to High"){ let filterd = data.sort((a,b)=>{ - return a.price - b.price; + // return a.price - b.price; + if(a.price >b.price){ + return 1; + }else if(a.price { - return b.price - a.price; + // return b.price - a.price; + if(a.price b.price){ + return -1; + }else{ + return 0; + } }) display(filterd); @@ -86,8 +100,7 @@ filter.addEventListener("change",function(){ } }) display(filterd); - } - + } }) @@ -96,7 +109,7 @@ display(data) let LS = JSON.parse(localStorage.getItem("Bookmark")) || []; function display(data){ - + product.innerHTML=""; for(let i=0;i Date: Mon, 5 Jun 2023 16:32:51 +0530 Subject: [PATCH 07/10] Done --- day-1/Padel.html | 124 ++++++++++++ day-1/Scripts/cart.js | 119 +++++++----- day-1/Scripts/padel.js | 319 +++++++++++++++++++++++++++++++ day-1/Scripts/pickleball.js | 78 +++++--- day-1/badminton.html | 23 ++- day-1/cart.html | 20 +- day-1/index.html | 29 +-- day-1/pickleball.html | 23 +-- day-1/style/Padel.css | 166 ++++++++++++++++ day-1/{ => style}/badminton.css | 18 +- day-1/{ => style}/cart.css | 55 +++++- day-1/{ => style}/home.css | 9 +- day-1/{ => style}/pickleball.css | 17 +- 13 files changed, 856 insertions(+), 144 deletions(-) create mode 100644 day-1/Padel.html create mode 100644 day-1/Scripts/padel.js create mode 100644 day-1/style/Padel.css rename day-1/{ => style}/badminton.css (88%) rename day-1/{ => style}/cart.css (60%) rename day-1/{ => style}/home.css (96%) rename day-1/{ => style}/pickleball.css (90%) diff --git a/day-1/Padel.html b/day-1/Padel.html new file mode 100644 index 0000000..31673dc --- /dev/null +++ b/day-1/Padel.html @@ -0,0 +1,124 @@ + + + + + + + Padel + + + + +
+ +
+ +
+
+
+

CATEGORY MENU

+
    Shoes
+
    Badminton
+
    Fitness
+
    Men
+
    Women
+
+
+ +

PRICE RANGE

+ +
+
+
+
+

PICKLEBALL

+ +
+
+
+ +
+
+ +
+ + + + + \ No newline at end of file diff --git a/day-1/Scripts/cart.js b/day-1/Scripts/cart.js index 6e2b36a..7533316 100644 --- a/day-1/Scripts/cart.js +++ b/day-1/Scripts/cart.js @@ -1,59 +1,84 @@ let LS = JSON.parse(localStorage.getItem("Bookmark"))||[]; -function refresh(){ - // let LS = JSON.parse(localStorage.getItem("Bookmark"))||[]; -} -let box = document.getElementById("cont"); +let box = document.getElementById("box"); display(LS); function display(data){ box.innerHTML=""; - for(let i=0; i{ + if(e.id !== el.id){ + return e; + } + }) + localStorage.setItem("Bookmark",JSON.stringify(LS)); + display(LS) + + }) + + }) - let name = document.createElement("h3"); - name.innerText=data[i].name; - let price = document.createElement("div"); - price.innerText=data[i].price; - - let quantity = document.createElement("div"); - let count=1; - quantity.innerText=count; - - let total = document.createElement("div"); - total.innerText=data[i].price; - - let remove = document.createElement("div"); - remove.innerText="Remove"; - remove.style.color="red"; - - nameImg.append(productImg,name); - - - box.append(nameImg,price,quantity,total,remove); - - - // box.append(div); - - remove.addEventListener("click",function(){ - alert("Are You Sure") - LS = LS.filter((e)=>{ - if(e.id !== data[i].id){ - return e; + } + function quantityy(el,val){ + for(let i=0; i{ + // return a.price - b.price; + if(a.price >b.price){ + return 1; + }else if(a.price { + // return b.price - a.price; + if(a.price b.price){ + return -1; + }else{ + return 0; + } + }) + + display(filterd); + } + else if(filter.value === "Discount"){ + let filterd = data.sort((a,b)=>{ + if(a.discount < b.discount){ + return 1; + }else if(a.discount > b.discount){ + return -1; + }else{ + return 0; + } + }) + display(filterd); + } + +}) + +display(data) + + + +function display(data){ + product.innerHTML=""; + data.forEach(function(el,i,arr){ + let div = document.createElement("div"); + + let imageD= document.createElement("img"); + // imageD.setAttribute("src",el.image); + imageD.src = el.image + + let name= document.createElement("h2"); + name.innerText = el.name; + let price= document.createElement("h3"); + price.innerText= el.price; + let discount= document.createElement("p"); + discount.innerText = el.discount; + discount.style.color="red"; + + let addCart = document.createElement("button") + addCart.innerText = "Add Cart"; + + div.append(imageD,name,price,discount,addCart); + + product.append(div); + addCart.addEventListener("click",function(){ + + let flag = true; + for(let i=0; i Badminton - +
From 13ead4b436c657cb55a951e241e08e1ccd63eefd Mon Sep 17 00:00:00 2001 From: Jahir Salim Pendhari <128920395+JahirPendhari09@users.noreply.github.com> Date: Mon, 5 Jun 2023 17:02:10 +0530 Subject: [PATCH 10/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index dcaafdc..82ecbb8 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,3 @@ # mini-project - + https://647dc15071c69508a2ab286d--peaceful-praline-37ae17.netlify.app/