/* Workflow 1. Make variables for cart subtotal and each of the plant prices using parseInt 2. When user clicks on a plant, the price in the cart subtotal should update (increase by the price of the plant added) 3. Display updated price to user 4. Save the current subtotal 5. Increment by price of next plant selected */
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Shopping Cart</title>
</head>
<body>
<div id="header">
<h1>My Basket</h1>
<div class="clearfloat"></div>
</div> <!-- #header -->
<div id="container">
<div class ="row1">
<div class="clearfloat"></div>
</div> <!--.row1 -->
<div class ="row2">
<div class="clearfloat"></div>
</div> <!--.row2 -->
<div class="row3">
<h3 class="subtotal">Cart Subtotal: $<span id="cost">0</span></h3>
<div class="clearfloat"></div>
</div> <!-- .row3 -->
<div class="clearfloat"></div>
</div> <!-- #container -->
<div id="footer">
<h4>footer here</h4>
<div class="clearfloat"></div>
</div> <!-- #footer -->
<script>
/* Workflow
1. Make variables for cart subtotal and each of the plant prices using parseInt
2. When user clicks on a plant, the price in the cart subtotal should update (increase by the price of the plant added)
3. Display updated price to user
4. Save the current subtotal
5. Increment by price of next plant selected
*/
//Click = Money
</script>
</body>
</html>
Step by step
Solved in 2 steps
