Levi/IWD2-01
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Device Sync

Browse Source
This commit is contained in:
LeviM0323
2025-12-18 22:10:59 -05:00
parent 364f6756c2
commit 0b903ae50d
36 changed files with 3151 additions and 3151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
INFO-1272 (JS 1)/Projects/Final Project/index.html
View File

@@ -1,116 +1,116 @@
<!DOCTYPE html>
<html>
<head>
<title>Flowery Flower Shop</title>
<meta charset="utf-8" lang="en">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Flowery Flower Shop</h1>
<small>Browse our flowers below...</small>
<h2>Available flowers</h2>
<section id="catalog">
<article id="rose">
<h3>Rose</h3>
<ul>
<li>Price:</li>
<li>Category:</li>
<li>Stock:</li>
<li>Description:</li>
</ul>
<form class="add-to-cart">
<label>Quantity: <input type="number" name="quantity" min="1" value="1" required></label>
<button type="submit">Add to Cart</button>
</form>
</article>
<article id="tulip">
<h3>Tulip</h3>
<ul>
<li>Price:</li>
<li>Category:</li>
<li>Stock:</li>
<li>Description:</li>
</ul>
<form class="add-to-cart">
<label>Quantity: <input type="number" name="quantity" min="1" value="1" required></label>
<button type="submit">Add to Cart</button>
</form>
</article>
<article id="sunflower">
<h3>Sunflower</h3>
<ul>
<li>Price:</li>
<li>Category:</li>
<li>Stock:</li>
<li>Description:</li>
</ul>
<form class="add-to-cart">
<label>Quantity: <input type="number" name="quantity" min="1" value="1" required></label>
<button type="submit">Add to Cart</button>
</form>
</article>
</section>
<h2>Shopping Cart</h2>
<section id="cart">
<table id="cart-table">
<thead>
<tr>
<th>Flower</th>
<th>Price</th>
<th>Quantity</th>
<th>Subtotal</th>
<th>Remove</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div id="cart-total">
<p>Subtotal: $<span id="subtotal">0.00</span></p>
<p>Tax: $<span id="tax">0.00</span></p>
<strong>Total: $<span id="total">0.00</span></strong>
</div>
<button id="checkout-button">Checkout</button>
<div id="checkout-message"></div>
</section>
<h2>Testimonials and Feedback</h2>
<section id="feedback">
<form id="feedback-form">
<label>
Flower:
<select name="flower" required>
<option value="">Select a flower to rate</option>
<option value="Rose">Red Rose</option>
<option value="Tulip">Tulip</option>
<option value="Sunflower">Sunflower</option>
</select>
</label>
<label>
Rating:
<select name="rating" required>
<option value="">Rate</option>
<option value="5">5 - Excellent</option>
<option value="4">4 - Good</option>
<option value="3">3 - Average</option>
<option value="2">2 - Poor</option>
<option value="1">1 - Terrible</option>
</select>
</label>
<label>
Feedback:
<input type="text" name="content" maxlength="120" placeholder="Your feedback" required>
</label>
<button type="submit">Submit Feedback</button>
</form>
<div id="feedback-list">
</div>
</section>
<script src="index.js"></script>
</body>
<!DOCTYPE html>
<html>
<head>
<title>Flowery Flower Shop</title>
<meta charset="utf-8" lang="en">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Flowery Flower Shop</h1>
<small>Browse our flowers below...</small>
<h2>Available flowers</h2>
<section id="catalog">
<article id="rose">
<h3>Rose</h3>
<ul>
<li>Price:</li>
<li>Category:</li>
<li>Stock:</li>
<li>Description:</li>
</ul>
<form class="add-to-cart">
<label>Quantity: <input type="number" name="quantity" min="1" value="1" required></label>
<button type="submit">Add to Cart</button>
</form>
</article>
<article id="tulip">
<h3>Tulip</h3>
<ul>
<li>Price:</li>
<li>Category:</li>
<li>Stock:</li>
<li>Description:</li>
</ul>
<form class="add-to-cart">
<label>Quantity: <input type="number" name="quantity" min="1" value="1" required></label>
<button type="submit">Add to Cart</button>
</form>
</article>
<article id="sunflower">
<h3>Sunflower</h3>
<ul>
<li>Price:</li>
<li>Category:</li>
<li>Stock:</li>
<li>Description:</li>
</ul>
<form class="add-to-cart">
<label>Quantity: <input type="number" name="quantity" min="1" value="1" required></label>
<button type="submit">Add to Cart</button>
</form>
</article>
</section>
<h2>Shopping Cart</h2>
<section id="cart">
<table id="cart-table">
<thead>
<tr>
<th>Flower</th>
<th>Price</th>
<th>Quantity</th>
<th>Subtotal</th>
<th>Remove</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div id="cart-total">
<p>Subtotal: $<span id="subtotal">0.00</span></p>
<p>Tax: $<span id="tax">0.00</span></p>
<strong>Total: $<span id="total">0.00</span></strong>
</div>
<button id="checkout-button">Checkout</button>
<div id="checkout-message"></div>
</section>
<h2>Testimonials and Feedback</h2>
<section id="feedback">
<form id="feedback-form">
<label>
Flower:
<select name="flower" required>
<option value="">Select a flower to rate</option>
<option value="Rose">Red Rose</option>
<option value="Tulip">Tulip</option>
<option value="Sunflower">Sunflower</option>
</select>
</label>
<label>
Rating:
<select name="rating" required>
<option value="">Rate</option>
<option value="5">5 - Excellent</option>
<option value="4">4 - Good</option>
<option value="3">3 - Average</option>
<option value="2">2 - Poor</option>
<option value="1">1 - Terrible</option>
</select>
</label>
<label>
Feedback:
<input type="text" name="content" maxlength="120" placeholder="Your feedback" required>
</label>
<button type="submit">Submit Feedback</button>
</form>
<div id="feedback-list">
</div>
</section>
<script src="index.js"></script>
</body>
</html>