From d34c1fa8ff3b7017d90e7cef247eb173212d36df Mon Sep 17 00:00:00 2001 From: Leandro Martins Date: Wed, 24 Jul 2019 22:51:35 -0300 Subject: [PATCH 1/2] Iteration 1, 2 e 3 done. --- .DS_Store | Bin 0 -> 6148 bytes starter-code/pizza.js | 70 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..aa53a8d06c9c9e2d4bf874aee87841b811c3ccb0 GIT binary patch literal 6148 zcmeHKJ5EDE3>-s>NKm9qxfh_|2CFEXAQu3UC{2_|;Zwhgb8$4rA0eWb6cjXQEZMW` z_3YD|;`teXE#B7mzzo2Y?uZW$WAk(OkzG~Bh;-iZiVcpq!!r(}>hlTb-r|MKCo+HX z*Vw$Tj{DtVzs>v4U!bfMkOERb3P=Gd@GAwp_tK^}iHcG{3P^!(1^oNa=#IT`NQ_Sh zLyQ2#3DaR*$1Fi?o*?$ZA(0uHC6$;|s}aMJ&U~x7UN|Hs9ah7K)sw9z6pN?x{ubr1 zo~S4Vq`;{H*SVc}|9_xgnEy{n+DQQ^@UIlG$#S(^@Rh2!j$Y1tZKFTZz2=kd#&u8_ mq8$^X9dqODcpgPr*L=^)ukQ$fUquEAR!@4;Bjm literal 0 HcmV?d00001 diff --git a/starter-code/pizza.js b/starter-code/pizza.js index b473d048..51e899c4 100755 --- a/starter-code/pizza.js +++ b/starter-code/pizza.js @@ -1 +1,71 @@ // Write your Pizza Builder JavaScript in this file. +$(document).ready(function() { + // add and remove peps + $(".btn-pepperonni").on("click", function() { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + $(".pep").each(function(index, element) { + $(element).fadeOut("fast"); + }); + } else { + $(this).addClass("active"); + $(".pep").each(function(index, element) { + $(element).fadeIn("fast"); + }); + } + }); + // add and remove mushroom + $(".btn-mushrooms").on("click", function() { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + $(".mushroom").each(function(index, element) { + $(element).fadeOut("fast"); + }); + } else { + $(this).addClass("active"); + $(".mushroom").each(function(index, element) { + $(element).fadeIn("fast"); + }); + } + }); + // add and remove btn-green-peppers + $(".btn-green-peppers").on("click", function() { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + $(".green-pepper").each(function(index, element) { + $(element).fadeOut("fast"); + }); + } else { + $(this).addClass("active"); + $(".green-pepper").each(function(index, element) { + $(element).fadeIn("fast"); + }); + } + }); + + $(".crust").removeClass("crust-gluten-free"); + $(".btn-crust").removeClass("active"); + + $(".btn-crust").on("click", function() { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + $(".crust").removeClass("crust-gluten-free"); + } else { + $(this).addClass("active"); + $(".crust").addClass("crust-gluten-free"); + } + }); + + $(".sauce").removeClass("sauce-white"); + $(".btn-sauce").removeClass("active"); + + $(".btn-sauce").on("click", function() { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + $(".sauce").removeClass("sauce-white"); + } else { + $(this).addClass("active"); + $(".sauce").addClass("sauce-white"); + } + }); +}); From 3dd0cd06373fdb9e06bcd44e872b20e135c32888 Mon Sep 17 00:00:00 2001 From: Leandro Martins Date: Wed, 24 Jul 2019 23:55:51 -0300 Subject: [PATCH 2/2] Iteration 4 e 5 done. --- starter-code/pizza.js | 59 ++++++++++++++++++++++++++++++++++--------- 1 file changed, 47 insertions(+), 12 deletions(-) diff --git a/starter-code/pizza.js b/starter-code/pizza.js index 51e899c4..26382bf7 100755 --- a/starter-code/pizza.js +++ b/starter-code/pizza.js @@ -1,14 +1,27 @@ // Write your Pizza Builder JavaScript in this file. $(document).ready(function() { + // initial configurations + $(".crust").removeClass("crust-gluten-free"); + $(".btn-crust").removeClass("active"); + $(".sauce").removeClass("sauce-white"); + $(".btn-sauce").removeClass("active"); + updatePrice(); + + // panel price + $(".price ul li:nth-child(4)").hide(); + $(".price ul li:nth-child(5)").hide(); + // add and remove peps $(".btn-pepperonni").on("click", function() { if ($(this).hasClass("active")) { $(this).removeClass("active"); + $(".price ul li:nth-child(1)").hide(); $(".pep").each(function(index, element) { $(element).fadeOut("fast"); }); } else { $(this).addClass("active"); + $(".price ul li:nth-child(1)").show(); $(".pep").each(function(index, element) { $(element).fadeIn("fast"); }); @@ -18,11 +31,13 @@ $(document).ready(function() { $(".btn-mushrooms").on("click", function() { if ($(this).hasClass("active")) { $(this).removeClass("active"); + $(".price ul li:nth-child(2)").hide(); $(".mushroom").each(function(index, element) { $(element).fadeOut("fast"); }); } else { $(this).addClass("active"); + $(".price ul li:nth-child(2)").show(); $(".mushroom").each(function(index, element) { $(element).fadeIn("fast"); }); @@ -32,40 +47,60 @@ $(document).ready(function() { $(".btn-green-peppers").on("click", function() { if ($(this).hasClass("active")) { $(this).removeClass("active"); + $(".price ul li:nth-child(3)").hide(); + $(".green-pepper").each(function(index, element) { $(element).fadeOut("fast"); }); } else { $(this).addClass("active"); + $(".price ul li:nth-child(3)").show(); $(".green-pepper").each(function(index, element) { $(element).fadeIn("fast"); }); } }); - $(".crust").removeClass("crust-gluten-free"); - $(".btn-crust").removeClass("active"); - - $(".btn-crust").on("click", function() { + $(".btn-sauce").on("click", function() { if ($(this).hasClass("active")) { $(this).removeClass("active"); - $(".crust").removeClass("crust-gluten-free"); + $(".price ul li:nth-child(4)").hide(); + $(".sauce").removeClass("sauce-white"); } else { + $(".price ul li:nth-child(4)").show(); $(this).addClass("active"); - $(".crust").addClass("crust-gluten-free"); + $(".sauce").addClass("sauce-white"); } }); - $(".sauce").removeClass("sauce-white"); - $(".btn-sauce").removeClass("active"); - - $(".btn-sauce").on("click", function() { + $(".btn-crust").on("click", function() { if ($(this).hasClass("active")) { $(this).removeClass("active"); - $(".sauce").removeClass("sauce-white"); + $(".price ul li:nth-child(5)").hide(); + + $(".crust").removeClass("crust-gluten-free"); } else { $(this).addClass("active"); - $(".sauce").addClass("sauce-white"); + $(".price ul li:nth-child(5)").show(); + $(".crust").addClass("crust-gluten-free"); } }); + + $(".btn").on("click", updatePrice); + + function updatePrice() { + total = 10; + $(".controls ul li button").each(function(index, element) { + if ($(this).hasClass("active")) { + if ($(this).hasClass("btn-sauce")) { + total += 3; + } else if ($(this).hasClass("btn-crust")) { + total += 5; + } else { + total++; + } + } + }); + $(".price strong").html("$" + total); + } });