From 3659831419447226330a261a42f0b8df53f1c29d Mon Sep 17 00:00:00 2001
From: Lauren Laskerr <llask@me.com>
Date: Sun, 15 Sep 2019 15:51:38 -0400
Subject: [PATCH] probably could do a thing where it's responsive based upon
 the input in the span, but this is fine

---
 starter-code/index.html | 27 ++++++++++++++------------
 starter-code/pizza.js   | 43 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 12 deletions(-)

diff --git a/starter-code/index.html b/starter-code/index.html
index 189a3311..5ad617c8 100755
--- a/starter-code/index.html
+++ b/starter-code/index.html
@@ -26,10 +26,10 @@ <h1>Pizza Builder</h1>
           <button class="btn btn-green-peppers active">Green peppers</button>
         </li>
         <li>
-          <button class="btn btn-sauce active">White sauce</button>
+          <button class="btn btn-sauce">White sauce</button>
         </li>
         <li>
-          <button class="btn btn-crust active">Gluten-free crust</button>
+          <button class="btn btn-crust">Gluten-free crust</button>
         </li>
       </ul>
     </div>
@@ -41,13 +41,13 @@ <h2>Your pizza's price</h2>
 
       <b>$10 cheese pizza</b>
       <ul>
-        <li>$1 pepperonni</li>
-        <li>$1 mushrooms</li>
-        <li>$1 green peppers</li>
-        <li>$3 white sauce</li>
-        <li>$5 gluten-free crust</li>
+        <li>$<span>1</span> pepperonni</li>
+        <li>$<span>1</span> mushrooms</li>
+        <li>$<span>1</span> green peppers</li>
+        <li style="display:none">$<span>3</span> white sauce</li>
+        <li style="display:none">$<span>5</span> gluten-free crust</li>
       </ul>
-      <strong>$21</strong>
+      <strong>$<span id="total">13</span></strong>
     </aside>
     <!-- End Price -->
 
@@ -268,9 +268,9 @@ <h2>Your pizza's price</h2>
       <section class="pep thirty-one">31</section>
       <section class="pep thirty-three">33</section>
 
-      <section class="crust crust-gluten-free">
+      <section class="crust">
         <section class="cheese"></section>
-        <section class="sauce sauce-white"></section>
+        <section class="sauce"></section>
       </section>
     </div>
     <!-- End Pizza -->
@@ -289,7 +289,10 @@ <h2>Your pizza's price</h2>
     </footer>
     <!-- Footer -->
 
-    <script src="jquery-2.1.4.js"></script>
-    <script src="pizza.js"></script>
+    <script
+    src="https://code.jquery.com/jquery-3.4.1.js"
+    integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
+    crossorigin="anonymous"></script>
+    <script src="./pizza.js"></script>
   </body>
 </html>
diff --git a/starter-code/pizza.js b/starter-code/pizza.js
index b473d048..4280e6e8 100755
--- a/starter-code/pizza.js
+++ b/starter-code/pizza.js
@@ -1 +1,44 @@
 // Write your Pizza Builder JavaScript in this file.
+$(document).ready(function(){
+  var totalPrice = 13;
+  $(".btn-pepperonni").click(function(){
+    $(".pep").toggle();
+    $(this).toggleClass('active');
+    $("li:contains(pepperonni)").toggle();
+    if ($(this).hasClass("active")) totalPrice += 1;
+    else totalPrice -= 1;
+    $("#total").html(totalPrice)
+  });
+  $(".btn-mushrooms").click(function(){
+    $(".mushroom").toggle();
+    $(".btn-mushrooms").toggleClass('active');
+    $("li:contains(mushrooms)").toggle();
+    if ($(this).hasClass("active")) totalPrice += 1;
+    else totalPrice -= 1;
+    $("#total").html(totalPrice)
+  });
+  $(".btn-green-peppers").click(function(){
+    $(".green-pepper").toggle();
+    $(".btn-green-peppers").toggleClass('active');
+    $("li:contains(green peppers)").toggle();
+    if ($(this).hasClass("active")) totalPrice += 1;
+    else totalPrice -= 1;
+    $("#total").html(totalPrice)
+  });
+  $(".btn-sauce").click(() => {
+    $('.sauce').toggleClass('sauce-white');
+    $(".btn-sauce").toggleClass('active');
+    $("li:contains(white)").toggle();
+    if ($(".btn-sauce").hasClass("active")) totalPrice += 3;
+    else totalPrice -= 3;
+    $("#total").html(totalPrice)
+  })
+  $(".btn-crust").click(() => {
+    $('.crust').toggleClass('crust-gluten-free');
+    $(".btn-crust").toggleClass('active');
+    $("li:contains(gluten-free)").toggle();
+    if ($('.btn-crust').hasClass("active")) totalPrice += 5;
+    else totalPrice -= 5;
+    $("#total").html(totalPrice)
+  })
+});
\ No newline at end of file