-
Notifications
You must be signed in to change notification settings - Fork 0
/
newCart.html
85 lines (82 loc) · 3.67 KB
/
newCart.html
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
<head>
<link rel="stylesheet" href="newCart.css"/>
</head>
<header>
<div id="headDiv">
<img src="https://res.cloudinary.com/dj0nbhjiy/image/upload/v1666978481/Screenshot__4_-removebg-preview_e2xr3t.png" width="150px"/>
<!-- <form id="task-form"> -->
<!-- <input type="text" placeholder="What are you shopping?" id="cart-input"/> -->
<input type="submit" value="CART" id="cart-submit"/>
<!-- </form> -->
</div>
<h1>Running Shoes e-Store</h1>
</header>
<div id="bodyDiv">
<!-- <div class="eachOfTheShoes gridValue">
<section>
<img class="shoeImage" src ="https://res.cloudinary.com/dj0nbhjiy/image/upload/v1667232998/zoomx-invincible-run-flyknit-2-road-running-shoes-xrCMmF-removebg-preview_q8hncd.png" width="200px"/>
<p id ="shoe-name-1" class="shoeName">Nike ZoomX Invincible Run Flyknit 2</p>
<p class="price">MRP : ₹16 995/-</p>
<p class="size-para">Select Size: </p>
<form class="sizes">
<label>
<input class="sizeRadio" type="radio" value="uk7" name="size">
UK 7
</label>
<br/>
<label>
<input class="sizeRadio" type="radio" value="uk8" name="size">
UK 8
</label>
<br/>
<label><input class="sizeRadio" type="radio" value="uk9" name="size">UK 9</label>
<br/>
<label><input class="sizeRadio" type="radio" value="uk10" name="size">UK 10</label>
<br/>
<label><input class="sizeRadio" type="radio" value="uk10.5" name="size">UK 10.5</label>
</form>
<div class="cart">
<button id = "add-item-1" class="addButton">Add Item</button>
<button class="remButton">Remove</button>
</div>
</section>
</div> -->
<!-- <div class="eachOfTheShoes gridValue">
<section>
<img class="shoeImage" src ="https://res.cloudinary.com/dj0nbhjiy/image/upload/v1667243325/custom-nike-air-zoom-pegasus-39-by-you-removebg-preview_duqi3i.png" width="200px"/>
<p class="shoeName">Nike Air Zoom Pegasus 39</p>
<p class="price">MRP : ₹10 495/-</p>
<p class="size-para">Select Size: </p>
<form class="sizes">
<label>
<input class="sizeRadio" type="radio" value="uk7" name="size">
UK 7
</label>
<br/>
<label>
<input class="sizeRadio" type="radio" value="uk8" name="size">
UK 8
</label>
<br/>
<label><input class="sizeRadio" type="radio" value="uk9" name="size">UK 9</label>
<br/>
<label><input class="sizeRadio" type="radio" value="uk10" name="size">UK 10</label>
<br/>
<label><input class="sizeRadio" type="radio" value="uk10.5" name="size">UK 10.5</label>
</form>
<div class="cart">
<button class="addButton">Add Item</button>
<button class="remButton">Remove</button>
</div>
</section>
</div> -->
</div>
<h1 id="cartHeading">Items Added to Cart</h1>
<div class="cartItem">
</div>
<!-- for( let addBtn of addButtons){
addBtn.addEventListener("mousedown",e => {
createSection();
}, {once : true});
} -->
<script src="newCart.js"></script>