From d0499ea12cfd39060dec1d97f293eeed2108177e Mon Sep 17 00:00:00 2001 From: Megan Cullins Date: Mon, 29 Jun 2020 10:49:14 -0500 Subject: [PATCH 1/6] completed color flipper project --- 1-color-flipper/setup/app.js | 12 ++++++++++++ 1-color-flipper/setup/debug.log | 28 ++++++++++++++++++++++++++++ 1-color-flipper/setup/hex.js | 15 +++++++++++++++ 1-color-flipper/setup/index.html | 16 +++++++++++++++- 4 files changed, 70 insertions(+), 1 deletion(-) create mode 100644 1-color-flipper/setup/debug.log diff --git a/1-color-flipper/setup/app.js b/1-color-flipper/setup/app.js index 901729f46..be8834f45 100644 --- a/1-color-flipper/setup/app.js +++ b/1-color-flipper/setup/app.js @@ -1 +1,13 @@ const colors = ["green", "red", "rgba(133,122,200)", "#f15025"]; +const btn = document.getElementById('btn'); +const color = document.querySelector('.color'); + +btn.addEventListener('click', function(){ + const randomNumber = getRandomNumber(); + document.body.style.backgroundColor = colors[randomNumber]; + color.textContent = colors[randomNumber]; +}) + +function getRandomNumber(){ + return Math.floor(Math.random()*colors.length); +} \ No newline at end of file diff --git a/1-color-flipper/setup/debug.log b/1-color-flipper/setup/debug.log new file mode 100644 index 000000000..7da8ec339 --- /dev/null +++ b/1-color-flipper/setup/debug.log @@ -0,0 +1,28 @@ +[0629/093034.682:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.683:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.684:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.684:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.684:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.684:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093034.684:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.822:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.824:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.824:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.824:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.824:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.824:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.824:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.824:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.825:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.825:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.825:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.825:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.825:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/093040.825:ERROR:crash_report_database_win.cc(469)] failed to stat report diff --git a/1-color-flipper/setup/hex.js b/1-color-flipper/setup/hex.js index 88aba8183..ac186b4d7 100644 --- a/1-color-flipper/setup/hex.js +++ b/1-color-flipper/setup/hex.js @@ -1 +1,16 @@ const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F"]; +const btn = document.getElementById("btn"); +const color = document.querySelector(".color"); + +btn.addEventListener("click", function(){ + let hexColor = "#"; + for (let i = 0; i<6; i++){ + hexColor +=hex[getRandomNumber()]; + } + color.textContent = hexColor; + document.body.style.backgroundColor = hexColor; +}) + +function getRandomNumber(){ + return Math.floor(Math.random() * hex.length); +} \ No newline at end of file diff --git a/1-color-flipper/setup/index.html b/1-color-flipper/setup/index.html index ba02a699e..3752ca042 100644 --- a/1-color-flipper/setup/index.html +++ b/1-color-flipper/setup/index.html @@ -8,7 +8,21 @@ -

color flipper

+ +
+
+

Background Color : #F1F5F8

+ +
+
From af0b4befff5bcc0f33722e1216188f13ceec8a8f Mon Sep 17 00:00:00 2001 From: Megan Cullins Date: Mon, 29 Jun 2020 11:27:46 -0500 Subject: [PATCH 2/6] completed counter project --- 2-counter/setup/app.js | 28 ++++++++++++++++++++++++++++ 2-counter/setup/debug.log | 14 ++++++++++++++ 2-counter/setup/index.html | 12 +++++++++++- 3 files changed, 53 insertions(+), 1 deletion(-) create mode 100644 2-counter/setup/debug.log diff --git a/2-counter/setup/app.js b/2-counter/setup/app.js index e69de29bb..ba8b1d1c2 100644 --- a/2-counter/setup/app.js +++ b/2-counter/setup/app.js @@ -0,0 +1,28 @@ + +let count = 0; + +const value = document.querySelector("#value"); +const btns = document.querySelectorAll(".btn"); + +btns.forEach(function(btn){ + btn.addEventListener("click", function(event){ + const styles = event.currentTarget.classList; + if(styles.contains("decrease")){ + count--; + } else if (styles.contains("increase")){ + count++; + } else { + count = 0; + } + if(count > 0){ + value.style.color = "green"; + } + if(count < 0){ + value.style.color = "red"; + } + if (count === 0){ + value.style.color = "black"; + } + value.textContent = count; + }) +}) diff --git a/2-counter/setup/debug.log b/2-counter/setup/debug.log new file mode 100644 index 000000000..1bff543e7 --- /dev/null +++ b/2-counter/setup/debug.log @@ -0,0 +1,14 @@ +[0629/110059.622:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.624:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.624:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.624:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.625:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.625:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.625:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.625:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.625:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.625:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.625:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.626:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.626:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/110059.626:ERROR:crash_report_database_win.cc(469)] failed to stat report diff --git a/2-counter/setup/index.html b/2-counter/setup/index.html index abbd2c4d0..f7e4609c4 100644 --- a/2-counter/setup/index.html +++ b/2-counter/setup/index.html @@ -8,7 +8,17 @@ -

your code goes here

+
+
+

Counter

+ 0 +
+ + + +
+
+
> From d384ed2f7156582ee757dcb3214dd6a2066eb3e1 Mon Sep 17 00:00:00 2001 From: Megan Cullins Date: Mon, 6 Jul 2020 12:56:01 -0500 Subject: [PATCH 3/6] completed reviews project --- 2-counter/setup/debug.log | 28 ++++++++++++++++++++++++ 3-reviews/setup/app.js | 44 ++++++++++++++++++++++++++++++++++++++ 3-reviews/setup/debug.log | 42 ++++++++++++++++++++++++++++++++++++ 3-reviews/setup/index.html | 26 +++++++++++++++++++++- 4 files changed, 139 insertions(+), 1 deletion(-) create mode 100644 3-reviews/setup/debug.log diff --git a/2-counter/setup/debug.log b/2-counter/setup/debug.log index 1bff543e7..bf3d7a5a3 100644 --- a/2-counter/setup/debug.log +++ b/2-counter/setup/debug.log @@ -12,3 +12,31 @@ [0629/110059.626:ERROR:crash_report_database_win.cc(469)] failed to stat report [0629/110059.626:ERROR:crash_report_database_win.cc(469)] failed to stat report [0629/110059.626:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.891:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114932.893:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.037:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.038:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0630/103257.039:ERROR:crash_report_database_win.cc(469)] failed to stat report diff --git a/3-reviews/setup/app.js b/3-reviews/setup/app.js index 94d488f60..69c8cfa07 100644 --- a/3-reviews/setup/app.js +++ b/3-reviews/setup/app.js @@ -37,3 +37,47 @@ const reviews = [ "Edison bulb put a bird on it humblebrag, marfa pok pok heirloom fashion axe cray stumptown venmo actually seitan. VHS farm-to-table schlitz, edison bulb pop-up 3 wolf moon tote bag street art shabby chic. ", }, ]; + +const img = document.getElementById("person-img"); +const author = document.getElementById("author"); +const job = document.getElementById("job"); +const info = document.getElementById("info"); + +const prevBtn = document.querySelector(".prev-btn"); +const nextBtn = document.querySelector(".next-btn"); +const randomBtn = document.querySelector(".random-btn"); + +let currentItem = 0; + +window.addEventListener("DOMContentLoaded", function(){ + showPerson(currentItem); +}) + +function showPerson(person){ + const item = reviews[person]; + img.src = item.img; + author.textContent = item.name; + job.textContent = item.job; + info.textContent = item.text; +} + +nextBtn.addEventListener("click", function(){ + currentItem++; + if(currentItem>reviews.length -1){ + currentItem = 0; + } + showPerson(currentItem); +}) + +prevBtn.addEventListener("click", function(){ + currentItem--; + if(currentItem<0){ + currentItem = reviews.length-1; + } + showPerson(currentItem); +}) + +randomBtn.addEventListener("click", function(){ + currentItem = Math.floor(Math.random()*reviews.length); + showPerson(currentItem); +}) \ No newline at end of file diff --git a/3-reviews/setup/debug.log b/3-reviews/setup/debug.log new file mode 100644 index 000000000..6ac667f60 --- /dev/null +++ b/3-reviews/setup/debug.log @@ -0,0 +1,42 @@ +[0629/114947.619:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.620:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.620:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.620:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.620:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0629/114947.621:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.749:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0701/095354.750:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.790:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.791:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.791:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.791:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.791:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.791:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/101103.792:ERROR:crash_report_database_win.cc(469)] failed to stat report diff --git a/3-reviews/setup/index.html b/3-reviews/setup/index.html index d9707ed17..bb45961db 100644 --- a/3-reviews/setup/index.html +++ b/3-reviews/setup/index.html @@ -13,7 +13,31 @@ -

review project

+
+
+
+

Our Reviews

+
+
+
+
+ Person 1 +
+

Sara Jones

+

UX Designer

+

Lorem ipsum dolor

+
+ + +
+ +
+
+
> From 7343ad3b625a3db598214c99cafc1fdf3f6febff Mon Sep 17 00:00:00 2001 From: Megan Cullins Date: Thu, 9 Jul 2020 13:13:51 -0500 Subject: [PATCH 4/6] completed navbar project --- 4-navbar/setup/app.js | 12 +++++++++ 4-navbar/setup/debug.log | 28 +++++++++++++++++++++ 4-navbar/setup/index.html | 53 ++++++++++++++++++++++++++++++++++++++- 4-navbar/setup/styles.css | 4 +-- 4 files changed, 94 insertions(+), 3 deletions(-) create mode 100644 4-navbar/setup/debug.log diff --git a/4-navbar/setup/app.js b/4-navbar/setup/app.js index 1475079fe..aca65f9dd 100644 --- a/4-navbar/setup/app.js +++ b/4-navbar/setup/app.js @@ -3,3 +3,15 @@ // add - add class // remove - remove class // toggle - toggles class + +const navToggle = document.querySelector('.nav-toggle'); +const links = document.querySelector(".links"); + +navToggle.addEventListener("click", function(){ + // if(links.classList.contains("show-links")){ + // links.classList.remove("show-links"); + // } else { + // links.classList.add("show-links"); + // } + links.classList.toggle("show-links"); +}) \ No newline at end of file diff --git a/4-navbar/setup/debug.log b/4-navbar/setup/debug.log new file mode 100644 index 000000000..6dee22ba1 --- /dev/null +++ b/4-navbar/setup/debug.log @@ -0,0 +1,28 @@ +[0706/125717.135:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.136:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.136:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.136:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.137:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0706/125717.138:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.615:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0709/091817.617:ERROR:crash_report_database_win.cc(469)] failed to stat report diff --git a/4-navbar/setup/index.html b/4-navbar/setup/index.html index 2257fb2ad..9c48b41cf 100644 --- a/4-navbar/setup/index.html +++ b/4-navbar/setup/index.html @@ -13,7 +13,58 @@ -

navbar project

+ diff --git a/4-navbar/setup/styles.css b/4-navbar/setup/styles.css index 1dd521cbb..b8b3caf1a 100644 --- a/4-navbar/setup/styles.css +++ b/4-navbar/setup/styles.css @@ -224,9 +224,9 @@ nav { } /* BY DEFAULT HIDE LINKS */ .links { - /* height: 0; + height: 0; overflow: hidden; - transition: var(--transition); */ + transition: var(--transition); } /* TOGGLE CLASS */ .show-links { From 0e513aa9c4207fd8e4c7cc3c8003ec7360233c51 Mon Sep 17 00:00:00 2001 From: Megan Cullins Date: Thu, 16 Jul 2020 11:53:28 -0500 Subject: [PATCH 5/6] completed sidebar project --- 5-sidebar/setup/app.js | 15 +++++++++++ 5-sidebar/setup/index.html | 53 +++++++++++++++++++++++++++++++++++++- 5-sidebar/setup/styles.css | 4 +-- 3 files changed, 69 insertions(+), 3 deletions(-) diff --git a/5-sidebar/setup/app.js b/5-sidebar/setup/app.js index e69de29bb..dacf24aad 100644 --- a/5-sidebar/setup/app.js +++ b/5-sidebar/setup/app.js @@ -0,0 +1,15 @@ +const toggleBtn = document.querySelector('.sidebar-toggle'); +const closeBtn = document.querySelector('.close-btn'); +const sidebar = document.querySelector('.sidebar'); + +toggleBtn.addEventListener('click', function(){ + if (sidebar.classList.contains('show-sidebar')){ + sidebar.classList.remove('show-sidebar'); + } else { + sidebar.classList.add('show-sidebar'); + } +}) + +closeBtn.addEventListener('click', function(){ + sidebar.classList.remove('show-sidebar'); +}) \ No newline at end of file diff --git a/5-sidebar/setup/index.html b/5-sidebar/setup/index.html index 057e1ff3b..955105f9b 100644 --- a/5-sidebar/setup/index.html +++ b/5-sidebar/setup/index.html @@ -13,7 +13,58 @@ -

sidebar project

+ + diff --git a/5-sidebar/setup/styles.css b/5-sidebar/setup/styles.css index d316f9684..eebe4d476 100644 --- a/5-sidebar/setup/styles.css +++ b/5-sidebar/setup/styles.css @@ -270,7 +270,7 @@ Sidebar row-gap: 1rem; box-shadow: var(--clr-red-dark); transition: var(--transition); - /* transform: translate(-100%); */ + transform: translate(-100%); } .show-sidebar { transform: translate(0); @@ -279,4 +279,4 @@ Sidebar .sidebar { width: 400px; } -} +} \ No newline at end of file From e8f64f215fad567f4fb4418961db6da28d412a3f Mon Sep 17 00:00:00 2001 From: Megan Cullins Date: Fri, 31 Jul 2020 10:00:51 -0500 Subject: [PATCH 6/6] completed modal and questions modules --- 6-modal/setup/app.js | 12 ++++++++ 6-modal/setup/debug.log | 14 +++++++++ 6-modal/setup/index.html | 16 ++++++++++- 7-questions/setup/app.js | 29 +++++++++++++++++++ 7-questions/setup/index.html | 56 +++++++++++++++++++++++++++++++++++- 7-questions/setup/styles.css | 4 +-- 8-menu/setup/debug.log | 14 +++++++++ 7 files changed, 141 insertions(+), 4 deletions(-) create mode 100644 6-modal/setup/debug.log create mode 100644 8-menu/setup/debug.log diff --git a/6-modal/setup/app.js b/6-modal/setup/app.js index 7994e5007..03b5f53a2 100644 --- a/6-modal/setup/app.js +++ b/6-modal/setup/app.js @@ -2,3 +2,15 @@ // listen for click events on modal-btn and close-btn // when user clicks modal-btn add .open-modal to modal-overlay // when user clicks close-btn remove .open-modal from modal-overlay + +let button = document.querySelector(".modal-btn"); +let overlay = document.querySelector(".modal-overlay"); +let close = document.querySelector(".close-btn"); + +button.addEventListener("click", function(){ + overlay.classList.add("open-modal"); +}) + +close.addEventListener("click", function(){ + overlay.classList.remove("open-modal"); +}) \ No newline at end of file diff --git a/6-modal/setup/debug.log b/6-modal/setup/debug.log new file mode 100644 index 000000000..7e41aee10 --- /dev/null +++ b/6-modal/setup/debug.log @@ -0,0 +1,14 @@ +[0731/075757.980:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.981:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.981:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.981:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.981:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/075757.982:ERROR:crash_report_database_win.cc(469)] failed to stat report diff --git a/6-modal/setup/index.html b/6-modal/setup/index.html index a65de347e..9df2bb6a0 100644 --- a/6-modal/setup/index.html +++ b/6-modal/setup/index.html @@ -13,7 +13,21 @@ -

modal project

+
+ +
+
+
+

modal content

+ + +
+
diff --git a/7-questions/setup/app.js b/7-questions/setup/app.js index f7afa8fbf..7fd6e5e07 100644 --- a/7-questions/setup/app.js +++ b/7-questions/setup/app.js @@ -1,2 +1,31 @@ //using selectors inside the element + +const questions = document.querySelectorAll(".question"); + +questions.forEach(function(question){ + const btn = question.querySelector(".question-btn"); + btn.addEventListener("click", function(){ + questions.forEach(function(item){ + if(item !== question){ + item.classList.remove("show-text"); + } + }) + + question.classList.toggle("show-text"); + + }) + +}) + + + // traversing the dom + +// const btns = document.querySelectorAll(".question-btn"); + +// btns.forEach(function(btn){ +// btn.addEventListener("click", function(e){ +// const question = e.currentTarget.parentElement.parentElement; +// question.classList.toggle("show-text"); +// }) +// }) \ No newline at end of file diff --git a/7-questions/setup/index.html b/7-questions/setup/index.html index d188cf6b7..19acbde25 100644 --- a/7-questions/setup/index.html +++ b/7-questions/setup/index.html @@ -18,7 +18,61 @@ -

questions project

+
+
+

general questions

+
+
+
+
+

Do you accept all major credit cars?

+ +
+
+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum consectetur sunt dolore suscipit magni assumenda aut hic rerum, maiores distinctio.

+
+
+
+
+

Do you use organic ingredients?

+ +
+
+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum consectetur sunt dolore suscipit magni assumenda aut hic rerum, maiores distinctio.

+
+
+
+
+

Do you support local farmers?

+ +
+
+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum consectetur sunt dolore suscipit magni assumenda aut hic rerum, maiores distinctio.

+
+
+
+
diff --git a/7-questions/setup/styles.css b/7-questions/setup/styles.css index 769b0fe7c..9a93aa372 100644 --- a/7-questions/setup/styles.css +++ b/7-questions/setup/styles.css @@ -231,7 +231,7 @@ Questions margin-bottom: 0; } /* hide text */ -/* .question-text { + .question-text { display: none; } .show-text .question-text { @@ -245,4 +245,4 @@ Questions } .show-text .plus-icon { display: none; -} */ +} diff --git a/8-menu/setup/debug.log b/8-menu/setup/debug.log new file mode 100644 index 000000000..04a1f1a77 --- /dev/null +++ b/8-menu/setup/debug.log @@ -0,0 +1,14 @@ +[0731/093313.586:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.589:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.590:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.590:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.590:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0731/093313.590:ERROR:crash_report_database_win.cc(469)] failed to stat report