diff --git a/.eslintrc b/.eslintrc-FINISHED similarity index 100% rename from .eslintrc rename to .eslintrc-FINISHED diff --git a/.npmrc b/.npmrc new file mode 100644 index 000000000..f6bb56158 --- /dev/null +++ b/.npmrc @@ -0,0 +1,3 @@ +fund=false +audit=false +legacy-peer-deps=true diff --git a/exercises/16 - Debugging/debugging-FINISHED.js b/exercises/16 - Debugging/debugging-FINISHED.js index f738241ef..7e2fcb3db 100644 --- a/exercises/16 - Debugging/debugging-FINISHED.js +++ b/exercises/16 - Debugging/debugging-FINISHED.js @@ -4,13 +4,15 @@ const people = [ { name: 'Snickers', cool: false, country: 'Dog Country' }, ]; -/* Victor Mono */ -// New Font! people.forEach((person, index) => { - console.log(person.name); + console.groupCollapsed(`${person.name}`); + console.log(person.country); + console.log(person.cool); + console.log('DONE'); + console.groupEnd(`${person.name}`); }); -// console.table(people); +console.table(people); // Console Methods diff --git a/exercises/20 - The DOM/DOM-Cardio-FINISHED.html b/exercises/20 - The DOM/DOM-Cardio-FINISHED.html new file mode 100644 index 000000000..ee51b8a89 --- /dev/null +++ b/exercises/20 - The DOM/DOM-Cardio-FINISHED.html @@ -0,0 +1,32 @@ + + + + + + + Dom Cardio + + + + + + + + + diff --git a/exercises/20 - The DOM/DOM-Cardio.html b/exercises/20 - The DOM/DOM-Cardio.html index 9849fb5b1..08daa5cf5 100644 --- a/exercises/20 - The DOM/DOM-Cardio.html +++ b/exercises/20 - The DOM/DOM-Cardio.html @@ -10,24 +10,6 @@ - - diff --git a/exercises/20 - The DOM/DOM-Cardio.js b/exercises/20 - The DOM/DOM-Cardio.js index 3ca90e523..7f6c7d484 100644 --- a/exercises/20 - The DOM/DOM-Cardio.js +++ b/exercises/20 - The DOM/DOM-Cardio.js @@ -6,7 +6,7 @@ // make an unordered list -// add three list items with the words "one, two three" in them +// add three list items with the words "one, two, three" in them // put that list into the above wrapper // create an image @@ -33,7 +33,7 @@ // make a new div with a class of cards -// Have that function make 4 cards +// make 4 player cards using generatePlayerCard // append those cards to the div // put the div into the DOM just before the wrapper element diff --git a/exercises/20 - The DOM/creating-with-strings.js b/exercises/20 - The DOM/creating-with-strings.js new file mode 100644 index 000000000..e69de29bb diff --git a/exercises/20 - The DOM/creating.js b/exercises/20 - The DOM/creating.js new file mode 100644 index 000000000..e69de29bb diff --git a/exercises/20 - The DOM/index-FINISHED.html b/exercises/20 - The DOM/index-FINISHED.html new file mode 100644 index 000000000..c8ffe34fd --- /dev/null +++ b/exercises/20 - The DOM/index-FINISHED.html @@ -0,0 +1,57 @@ + + + + + + + The DOM + + + + + +

I am Wes, I love to bbq and Make websites!

+ + +
+
+ + + + +

Hi I'm a item

+
+
+ +

+ I am a heading + I am hidden! +

+

Hi I'm a item

+
+
+

Im an article

+

This is how many pizzas I ate! šŸ•

+
+
+ + + + + + + diff --git a/exercises/20 - The DOM/index.html b/exercises/20 - The DOM/index.html index 897ceb790..55dce17b8 100644 --- a/exercises/20 - The DOM/index.html +++ b/exercises/20 - The DOM/index.html @@ -6,52 +6,20 @@ The DOM - -

I am Wes, I love to bbq and Make websites!

- -
-
- - - - -

Hi I'm a item

-
-
- -

- I am a heading - I am hidden! -

+

Hi I'm a item

+
+

Sub Div

Hi I'm a item

+
-
-

Im an article

-

This is how many pizzas I ate! šŸ•

-
+ +

Hi I'm a item

+

Hi I'm a item

- - - - diff --git a/exercises/29 - Events/events-FINISHED.html b/exercises/29 - Events/events-FINISHED.html new file mode 100644 index 000000000..8c78187bf --- /dev/null +++ b/exercises/29 - Events/events-FINISHED.html @@ -0,0 +1,32 @@ + + + + + + + JavaScript Events + + + + + + + +

Buy Buttons!

+ + + + + + + + + + + + Nice + + + + + diff --git a/exercises/29 - Events/events-FINISHED.js b/exercises/29 - Events/events-FINISHED.js new file mode 100644 index 000000000..ee4b36f2a --- /dev/null +++ b/exercises/29 - Events/events-FINISHED.js @@ -0,0 +1,53 @@ +const butts = document.querySelector(".butts"); +const coolButton = document.querySelector(".cool"); + +function handleClick() { + console.log("šŸ› IT GOT CLICKED!!!"); +} + +const hooray = () => console.log("HOORAY!"); + +butts.addEventListener("click", function () { + console.log("Im an anon!"); +}); +coolButton.addEventListener("click", hooray); + +butts.removeEventListener("click", handleClick); + +// Listen on multiple items +const buyButtons = document.querySelectorAll("button.buy"); + +function handleBuyButtonClick(event) { + console.log("You clicked a button!"); + const button = event.target; + // console.log(button.textContent); + // console.log(parseFloat(event.target.dataset.price)); + console.log(event.target); + console.log(event.currentTarget); + console.log(event.target === event.currentTarget); + // Stop this event from bubbling up + // event.stopPropagation(); +} + +buyButtons.forEach(function (buyButton) { + buyButton.addEventListener("click", handleBuyButtonClick); +}); + +window.addEventListener( + "click", + function (event) { + console.log("YOU CLICKED THE WINDOW"); + console.log(event.target); + console.log(event.type); + // event.stopPropagation(); + console.log(event.bubbles); + }, + { capture: true } +); + +const photoEl = document.querySelector(".photo"); + +photoEl.addEventListener("mouseenter", (e) => { + console.log(e.currentTarget); + console.log(this); +}); diff --git a/exercises/29 - Events/events.html b/exercises/29 - Events/events.html index a7b3ee2b1..9038e001f 100644 --- a/exercises/29 - Events/events.html +++ b/exercises/29 - Events/events.html @@ -9,24 +9,7 @@ - - -

Buy Buttons!

- - - - - - - - - - - - Nice - - diff --git a/exercises/29 - Events/events.js b/exercises/29 - Events/events.js index 768e5e7ce..e69de29bb 100644 --- a/exercises/29 - Events/events.js +++ b/exercises/29 - Events/events.js @@ -1,53 +0,0 @@ -const butts = document.querySelector('.butts'); -const coolButton = document.querySelector('.cool'); - -function handleClick() { - console.log('šŸ› IT GOT CLICKED!!!'); -} - -const hooray = () => console.log('HOORAY!'); - -butts.addEventListener('click', function() { - console.log('Im an anon!'); -}); -coolButton.addEventListener('click', hooray); - -butts.removeEventListener('click', handleClick); - -// Listen on multiple items -const buyButtons = document.querySelectorAll('button.buy'); - -function handleBuyButtonClick(event) { - console.log('You clicked a button!'); - const button = event.target; - // console.log(button.textContent); - // console.log(parseFloat(event.target.dataset.price)); - console.log(event.target); - console.log(event.currentTarget); - console.log(event.target === event.currentTarget); - // Stop this event from bubbling up - // event.stopPropagation(); -} - -buyButtons.forEach(function(buyButton) { - buyButton.addEventListener('click', handleBuyButtonClick); -}); - -window.addEventListener( - 'click', - function(event) { - console.log('YOU CLICKED THE WINDOW'); - console.log(event.target); - console.log(event.type); - // event.stopPropagation(); - console.log(event.bubbles); - }, - { capture: true } -); - -const photoEl = document.querySelector('.photo'); - -photoEl.addEventListener('mouseenter', e => { - console.log(e.currentTarget); - console.log(this); -}); diff --git a/exercises/29 - Events/forms-FINISHED.html b/exercises/29 - Events/forms-FINISHED.html new file mode 100644 index 000000000..4572e6a1c --- /dev/null +++ b/exercises/29 - Events/forms-FINISHED.html @@ -0,0 +1,32 @@ + + + + + + + HTML Forms + + + + +
+ Wes Bos +
+ + + + + + +
+ +
+
+ +
aSDFASDF
+ Nice + + + + + diff --git a/exercises/29 - Events/forms.html b/exercises/29 - Events/forms.html index 95ca5ede3..f86312ab6 100644 --- a/exercises/29 - Events/forms.html +++ b/exercises/29 - Events/forms.html @@ -10,7 +10,7 @@
- Wes Bos +
@@ -22,8 +22,6 @@
- - diff --git a/exercises/33 - Etch-a-Sketch/index.html b/exercises/33 - Etch-a-Sketch/index.html index 052ac17f6..aaadbf3ed 100644 --- a/exercises/33 - Etch-a-Sketch/index.html +++ b/exercises/33 - Etch-a-Sketch/index.html @@ -16,7 +16,7 @@
- + + + + + diff --git a/exercises/34 - Click Outside/click-outside-FINISHED.js b/exercises/34 - Click Outside/click-outside-FINISHED.js new file mode 100644 index 000000000..57e4ca42f --- /dev/null +++ b/exercises/34 - Click Outside/click-outside-FINISHED.js @@ -0,0 +1,44 @@ +const cardButtons = document.querySelectorAll(".card button"); +const modalOuter = document.querySelector(".modal-outer"); +const modalInner = document.querySelector(".modal-inner"); + +function handleCardButtonClick(event) { + const button = event.currentTarget; + const card = button.closest(".card"); + // Grab the image src + const imgSrc = card.querySelector("img").src; + const desc = card.dataset.description; + const name = card.querySelector("h2").textContent; + // populate the modal with the new info + modalInner.innerHTML = ` + ${name} +

${desc}

+ `; + // show the modal + modalOuter.classList.add("open"); +} + +cardButtons.forEach((button) => + button.addEventListener("click", handleCardButtonClick) +); + +function closeModal() { + modalOuter.classList.remove("open"); +} + +modalOuter.addEventListener("click", function (event) { + const isOutside = !event.target.closest(".modal-inner"); + if (isOutside) { + closeModal(); + } +}); + +window.addEventListener("keydown", (event) => { + console.log(event); + if (event.key === "Escape") { + closeModal(); + } +}); diff --git a/exercises/34 - Click Outside/click-outside.html b/exercises/34 - Click Outside/click-outside.html index be9adef05..d3f2c29ee 100644 --- a/exercises/34 - Click Outside/click-outside.html +++ b/exercises/34 - Click Outside/click-outside.html @@ -11,22 +11,22 @@
- Wes Bos + Wes Bos

Wes Bos

- Wes Bos + Wes Bos

Scott Tolinski

- Wes Bos + Wes Bos

Kait Bos

- Wes Bos + Wes Bos

Snickers the dog

@@ -35,72 +35,9 @@

Snickers the dog

-

TEsting 123

+
- - diff --git a/exercises/34 - Click Outside/click-outside.js b/exercises/34 - Click Outside/click-outside.js index fa6df9416..e69de29bb 100644 --- a/exercises/34 - Click Outside/click-outside.js +++ b/exercises/34 - Click Outside/click-outside.js @@ -1,44 +0,0 @@ -const cardButtons = document.querySelectorAll('.card button'); -const modalOuter = document.querySelector('.modal-outer'); -const modalInner = document.querySelector('.modal-inner'); - -function handleCardButtonClick(event) { - const button = event.currentTarget; - const card = button.closest('.card'); - // Grab the image src - const imgSrc = card.querySelector('img').src; - const desc = card.dataset.description; - const name = card.querySelector('h2').textContent; - // populate the modal with the new info - modalInner.innerHTML = ` - ${name} -

${desc}

- `; - // show the modal - modalOuter.classList.add('open'); -} - -cardButtons.forEach(button => - button.addEventListener('click', handleCardButtonClick) -); - -function closeModal() { - modalOuter.classList.remove('open'); -} - -modalOuter.addEventListener('click', function(event) { - const isOutside = !event.target.closest('.modal-inner'); - if (isOutside) { - closeModal(); - } -}); - -window.addEventListener('keydown', event => { - console.log(event); - if (event.key === 'Escape') { - closeModal(); - } -}); diff --git a/exercises/35 - Scroll To Accept/scroll-to-accept-FINISHED.html b/exercises/35 - Scroll To Accept/scroll-to-accept-FINISHED.html new file mode 100644 index 000000000..328aa3427 --- /dev/null +++ b/exercises/35 - Scroll To Accept/scroll-to-accept-FINISHED.html @@ -0,0 +1,103 @@ + + + + + + + Document + + + + +
+
+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste, labore!

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum assumenda, ullam, sed quo ipsam officia + asperiores minima excepturi eveniet reiciendis velit debitis temporibus explicabo. Incidunt sit itaque, + reprehenderit fuga voluptatem officiis corrupti ipsa eveniet architecto dolorem magni facere doloribus aut + veritatis sequi quia repellendus aperiam assumenda exercitationem optio praesentium debitis. Excepturi unde + minus dignissimos at totam tempora beatae cumque, voluptates adipisci repudiandae asperiores repellat + delectus + tempore voluptatem veritatis atque quaerat optio! Quasi, possimus molestiae hic modi quia minus eius veniam + aperiam assumenda fugiat fugit optio odio quas esse quam architecto officiis sunt quis cupiditate vel + voluptate + consequuntur nam porro harum. Fuga distinctio voluptate provident molestias perspiciatis fugit esse corrupti + adipisci quas eos dolor non cum ipsam repudiandae dolorem, quasi necessitatibus iusto unde similique + repellendus praesentium tenetur? Obcaecati aliquam nostrum vero expedita fuga, quae et quaerat modi error + adipisci eligendi fugit alias quia nihil laudantium quam tenetur ipsam explicabo nisi natus, rerum omnis, + debitis provident! Dolorum sequi recusandae, necessitatibus eos nesciunt cupiditate accusantium illum unde + minima. Labore sit quos voluptatem illum qui. Veritatis quis a mollitia asperiores repudiandae consequatur + assumenda, at tempora, modi voluptate sit blanditiis hic dignissimos harum consequuntur quia ipsam, + architecto + nesciunt. Praesentium, mollitia? Delectus quod laudantium doloremque nihil?

+ watch for me +

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quos ab, ea inventore commodi eligendi error + repellat impedit eum quod enim sequi, distinctio, qui eaque ipsam fugit asperiores eos laboriosam ex.

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa id debitis ex eligendi rem unde consequuntur + natus omnis vel nulla sit commodi, quos distinctio doloremque doloribus veniam quis et dolore?

+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi laboriosam nulla est architecto eum, + dolorem + quam, unde quo fugit tempore ipsa qui provident, iste ratione quis dignissimos temporibus nostrum voluptatum + molestias? Blanditiis repellendus sapiente inventore aliquam qui error aliquid doloremque fugit consequuntur + laudantium. Sapiente doloribus ullam vel dicta doloremque iure, deleniti ipsum non. Rem repudiandae deleniti + ad + at laborum eaque, modi voluptas aut! Quam nihil deleniti velit excepturi, quidem, veniam aut doloremque iure + reprehenderit natus vel quia iusto? Magni veritatis provident libero hic quisquam, perferendis officia quasi + molestiae sit sunt fugiat, perspiciatis architecto velit unde molestias ratione totam, atque doloremque!

+
+
+ + +
+ + + + + + diff --git a/exercises/35 - Scroll To Accept/scroll-to-accept.html b/exercises/35 - Scroll To Accept/scroll-to-accept.html index 8169aec89..5e8b9b2bd 100644 --- a/exercises/35 - Scroll To Accept/scroll-to-accept.html +++ b/exercises/35 - Scroll To Accept/scroll-to-accept.html @@ -42,7 +42,6 @@ at laborum eaque, modi voluptas aut! Quam nihil deleniti velit excepturi, quidem, veniam aut doloremque iure reprehenderit natus vel quia iusto? Magni veritatis provident libero hic quisquam, perferendis officia quasi molestiae sit sunt fugiat, perspiciatis architecto velit unde molestias ratione totam, atque doloremque!

-