Skip to content

Commit 434db9e

Browse files
cpe-codercpe-coder
committed
project done with only add and remove item and pricing
1 parent 1b6c873 commit 434db9e

File tree

9 files changed

+173
-53
lines changed

9 files changed

+173
-53
lines changed

‎.idea/.gitignore‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/html_css_javascript.iml‎

Lines changed: 12 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/modules.xml‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/vcs.xml‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎about.html‎

Lines changed: 9 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,36 +7,28 @@
77
</head>
88
<body>
99
<header class="main-header">
10-
<nav class="nav main-nav">dsa
10+
<nav class="nav main-nav">
1111
<ul>
1212
<li><a href="index.html">HOME</a></li>
1313
<li><a href="store.html">STORE</a></li>
1414
<li><a href="about.html">ABOUT</a></li>
1515
</ul>
1616
</nav>
17-
<h1 class="band-name band-name-large">The Generics</h1>
17+
<h1 class="band-name band-name-large">BSCpE-4</h1>
1818
</header>
1919

2020
<section class="content-section container">
2121
<h2 class="section-header">ABOUT</h2>
22-
<img class="about-band-image" src="Images/Band Members.png">
23-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
24-
Dicta dolorum nulla accusantium perferendis quam explicabo odit quisquam ea natus?
25-
Saepe ducimus, minima error alias dolorum consectetur officia architecto voluptatem iure
26-
sunt eveniet nam, recusandae explicabo, itaque vel autem. Accusamus suscipit sit labore
27-
sed blanditiis a est rem harum expedita veritatis numquam voluptatibus dolore voluptatum
28-
sunt repellendus explicabo, excepturi beatae perferendis. Numquam dicta quis ipsum
29-
explicabo suscipit alias placeat, ea, vero minus ducimus voluptatibus iste repellendus
30-
deleniti? Eos, quas! Voluptatem tempora explicabo, corrupti dolor hic iure quo, ipsum
31-
voluptates quaerat omnis accusamus et vel, necessitatibus doloribus optio. Odio nobis ad molestias.</p>
32-
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio qui consequuntur aut.
33-
Nobis debitis ipsum soluta sit itaque officiis impedit maiores suscipit magni id harum
34-
consequuntur quas delectus culpa, saepe nostrum, autem ullam! Assumenda molestiae
35-
reprehenderit sunt ducimus id saepe porro vitae asperiores eum accusantium? Illum aliquid excepturi magni quos.</p>
22+
<img class="about-band-image" src="images/logo.png">
23+
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aspernatur blanditiis commodi, cum deleniti dolore, enim, hic magnam maiores nemo neque nobis provident quae quaerat repudiandae sequi soluta ullam vero!</P>
24+
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet blanditiis debitis dolor dolores earum exercitationem explicabo impedit modi nisi officia pariatur, qui quo reprehenderit sed suscipit tempore, temporibus vitae!</P>
25+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad asperiores consequuntur culpa dicta dignissimos eum, labore maiores minus nisi,</p>
26+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, adipisci aut consequatur id incidunt inventore natus possimus quaerat, repellendus temporibus tenetur totam? Consectetur distinctio dolorem eaque hic id maxime perferendis.</p>
27+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam dignissimos dolore dolorem labore numquam obcaecati pariatur provident, quaerat quas, rem sint tempora. Animi commodi corporis distinctio eveniet nemo numquam?</p>
3628
</section>
3729

3830
<footer class="main-footer">
39-
<div class="container main-footer-container">
31+
<div class="main-footer-container">
4032
<h3 class="FOOTER">Midterm Project in P-20</h3>
4133
</div>
4234
</footer>

‎index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
</ul>
1616
</nav>
1717
<h1 class="band-name band-name-large">Ukay ni Lola</h1>
18-
<div class="container">
18+
<div class="container-header">
1919
<button type="button" class="btn btn-header">New Product Available</button>
2020
</div>
2121
</header>
@@ -25,13 +25,13 @@ <h2 class="section-header">BUNDLE PRODUCT</h2>
2525
<div class="tour-row">
2626
<span class="tour-item tour-date">Jun 18</span>
2727
<span class="tour-item tour-city">Imported</span>
28-
<span class="tour-item tour-arena">Korean</span>
28+
<span class="tour-item tour-arena">Korean Style</span>
2929
<button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
3030
</div>
3131
<div class="tour-row">
3232
<span class="tour-item tour-date">JUL 19</span>
3333
<span class="tour-item tour-city">Imported</span>
34-
<span class="tour-item tour-arena">Japan</span>
34+
<span class="tour-item tour-arena">Pants</span>
3535
<button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
3636
</div>
3737
<div class="tour-row">
@@ -61,7 +61,7 @@ <h2 class="section-header">BUNDLE PRODUCT</h2>
6161
</div>
6262
</section>
6363
<footer class="main-footer">
64-
<div class="container main-footer-container">
64+
<div class="main-footer-container">
6565
<h3 class="FOOTER">Midterm Project in P-20</h3>
6666
</div>
6767
</footer>

‎store.html‎

Lines changed: 104 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -18,35 +18,35 @@
1818
<h1 class="band-name band-name-large">Ukay ni Lola</h1>
1919
</header>
2020
<section class="container content-section">
21-
<h2 class="section-header">Imported | Korean</h2>
21+
<h2 class="section-header">Imported | Korean Style</h2>
2222
<div class="shop-items">
2323
<div class="shop-item">
2424
<span class="shop-item-title">IK-200</span>
25-
<img class="shop-item-image" src="Images/Album 1.png">
25+
<img class="shop-item-image" src="Images/Korean 1.jpg">
2626
<div class="shop-item-details">
2727
<span class="shop-item-price">P=199.00</span>
2828
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
2929
</div>
3030
</div>
3131
<div class="shop-item">
3232
<span class="shop-item-title">IK-800</span>
33-
<img class="shop-item-image" src="Images/Album 2.png">
33+
<img class="shop-item-image" src="Images/Korean 2.jpg">
3434
<div class="shop-item-details">
3535
<span class="shop-item-price">P=250.00</span>
3636
<button class="btn btn-primary shop-item-button"type="button">ADD TO CART</button>
3737
</div>
3838
</div>
3939
<div class="shop-item">
4040
<span class="shop-item-title">IK-300</span>
41-
<img class="shop-item-image" src="Images/Album 3.png">
41+
<img class="shop-item-image" src="Images/Korean 3.jpg">
4242
<div class="shop-item-details">
4343
<span class="shop-item-price">P=400.00</span>
4444
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
4545
</div>
4646
</div>
4747
<div class="shop-item">
4848
<span class="shop-item-title">IK-138</span>
49-
<img class="shop-item-image" src="Images/Album 4.png">
49+
<img class="shop-item-image" src="Images/Korean 4.jpg">
5050
<div class="shop-item-details">
5151
<span class="shop-item-price">P=280.00</span>
5252
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
@@ -55,21 +55,111 @@ <h2 class="section-header">Imported | Korean</h2>
5555
</div>
5656
</section>
5757
<section class="container content-section">
58-
<h2 class="section-header">MERCH</h2>
58+
<h2 class="section-header">Imported | Pants</h2>
5959
<div class="shop-items">
6060
<div class="shop-item">
61-
<span class="shop-item-title">T-Shirt</span>
62-
<img class="shop-item-image" src="Images/Shirt.png">
61+
<span class="shop-item-title">IP-300</span>
62+
<img class="shop-item-image" src="Images/Pants 1.jpg">
6363
<div class="shop-item-details">
64-
<span class="shop-item-price">$19.99</span>
64+
<span class="shop-item-price">P=200.00</span>
6565
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
6666
</div>
6767
</div>
6868
<div class="shop-item">
69-
<span class="shop-item-title">Coffee Cup</span>
70-
<img class="shop-item-image" src="Images/Cofee.png">
69+
<span class="shop-item-title">IP-400</span>
70+
<img class="shop-item-image" src="Images/Pants 2.jpg">
7171
<div class="shop-item-details">
72-
<span class="shop-item-price">$6.99</span>
72+
<span class="shop-item-price">P=300.00</span>
73+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
74+
</div>
75+
</div>
76+
<div class="shop-item">
77+
<span class="shop-item-title">IP-500</span>
78+
<img class="shop-item-image" src="Images/Pants 3.jpg">
79+
<div class="shop-item-details">
80+
<span class="shop-item-price">P=200.00</span>
81+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
82+
</div>
83+
</div>
84+
<div class="shop-item">
85+
<span class="shop-item-title">IP-100</span>
86+
<img class="shop-item-image" src="Images/Pants 4.jpg">
87+
<div class="shop-item-details">
88+
<span class="shop-item-price">P=300.00</span>
89+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
90+
</div>
91+
</div>
92+
</div>
93+
</section>
94+
<section class="container content-section">
95+
<h2 class="section-header">Class A | Over Size</h2>
96+
<div class="shop-items">
97+
<div class="shop-item">
98+
<span class="shop-item-title">CAOs-300</span>
99+
<img class="shop-item-image" src="Images/Oversize 1.jpg">
100+
<div class="shop-item-details">
101+
<span class="shop-item-price">P=200.00</span>
102+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
103+
</div>
104+
</div>
105+
<div class="shop-item">
106+
<span class="shop-item-title">CAOs-400</span>
107+
<img class="shop-item-image" src="Images/Oversize 2.jpg">
108+
<div class="shop-item-details">
109+
<span class="shop-item-price">P=300.00</span>
110+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
111+
</div>
112+
</div>
113+
<div class="shop-item">
114+
<span class="shop-item-title">CAOs-500</span>
115+
<img class="shop-item-image" src="Images/Oversize 3.jpg">
116+
<div class="shop-item-details">
117+
<span class="shop-item-price">P=200.00</span>
118+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
119+
</div>
120+
</div>
121+
<div class="shop-item">
122+
<span class="shop-item-title">CAOs-100</span>
123+
<img class="shop-item-image" src="Images/Oversize 4.jpg">
124+
<div class="shop-item-details">
125+
<span class="shop-item-price">P=300.00</span>
126+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
127+
</div>
128+
</div>
129+
</div>
130+
</section>
131+
<section class="container content-section">
132+
<h2 class="section-header">Original | Sports</h2>
133+
<div class="shop-items">
134+
<div class="shop-item">
135+
<span class="shop-item-title">OS-300</span>
136+
<img class="shop-item-image" src="Images/Sports 1.jpg">
137+
<div class="shop-item-details">
138+
<span class="shop-item-price">P=200.00</span>
139+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
140+
</div>
141+
</div>
142+
<div class="shop-item">
143+
<span class="shop-item-title">OS-400</span>
144+
<img class="shop-item-image" src="Images/Sports 2.jpg">
145+
<div class="shop-item-details">
146+
<span class="shop-item-price">P=300.00</span>
147+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
148+
</div>
149+
</div>
150+
<div class="shop-item">
151+
<span class="shop-item-title">OS-500</span>
152+
<img class="shop-item-image" src="Images/Sports 3.jpg">
153+
<div class="shop-item-details">
154+
<span class="shop-item-price">P=200.00</span>
155+
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
156+
</div>
157+
</div>
158+
<div class="shop-item">
159+
<span class="shop-item-title">OS-100</span>
160+
<img class="shop-item-image" src="Images/Sports 4.jpg">
161+
<div class="shop-item-details">
162+
<span class="shop-item-price">P=300.00</span>
73163
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
74164
</div>
75165
</div>
@@ -86,12 +176,12 @@ <h2 class="section-header">CART</h2>
86176
</div>
87177
<div class="cart-total">
88178
<strong class="cart-total-title">Total</strong>
89-
<span class="cart-total-price">$0</span>
179+
<span class="cart-total-price">P=0</span>
90180
</div>
91181
<button class="btn btn-primary btn-purchase" type="button">PURCHASE</button>
92182
</section>
93183
<footer class="main-footer">
94-
<div class="container main-footer-container">
184+
<div class="main-footer-container">
95185
<h3 class="FOOTER">Midterm Project in P-20</h3>
96186
</div>
97187
</footer>

‎store.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,10 +94,10 @@ function updateCartTotal() {
9494
var cartRow = cartRows[i]
9595
var priceElement = cartRow.getElementsByClassName('cart-price')[0]
9696
var quantityElement = cartRow.getElementsByClassName('cart-quantity-input')[0]
97-
var price = parseFloat(priceElement.innerText.replace('$', ''))
97+
var price = parseFloat(priceElement.innerText.replace('P=', ''))
9898
var quantity = quantityElement.value
9999
total = total + (price * quantity)
100100
}
101101
total = Math.round(total * 100) / 100
102-
document.getElementsByClassName('cart-total-price')[0].innerText = '$' + total
102+
document.getElementsByClassName('cart-total-price')[0].innerText = 'P=' + total
103103
}

0 commit comments

Comments
 (0)