From f861b25488dafcbcbcd51f4c96623226b178505d Mon Sep 17 00:00:00 2001 From: Alexander Nikolas Reuber Date: Sat, 20 Aug 2022 07:52:06 +0200 Subject: [PATCH 1/4] working version with foreach --- 01 - JavaScript Drum Kit/index-START.html | 35 ++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 4070d32767..2ae9cd802e 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -59,8 +59,41 @@ +const keys = document.querySelectorAll('.key') +const audio = document.querySelectorAll('audio') + +const playSoundAndAnimateKey = (e) => { + const keyname = e.key + keys.forEach((key) => { + if(key.children[0].textContent.toLowerCase() === keyname) { + audio.forEach((sound) => { + if(sound.dataset.key === key.dataset.key) { + sound.currentTime = 0; + sound.play() + key.classList.toggle('playing') + } + }) + } + }) +} + +const stopAnimationKey = (e) => { + const keyname = e.key + keys.forEach((key) => { + if(key.children[0].textContent.toLowerCase() === keyname) { + audio.forEach((sound) => { + if(sound.dataset.key === key.dataset.key) { + key.classList.toggle('playing') + } + }) + } + }) +} +document.addEventListener('keypress', playSoundAndAnimateKey, false) +document.addEventListener('keyup', stopAnimationKey, false) + + From 0c1ac2534cfdb47a99ff7194205e3a6516845c15 Mon Sep 17 00:00:00 2001 From: Alexander Nikolas Reuber Date: Sat, 20 Aug 2022 08:14:29 +0200 Subject: [PATCH 2/4] refactored code removed foreachs --- 01 - JavaScript Drum Kit/index-START.html | 41 +++++++++-------------- 1 file changed, 15 insertions(+), 26 deletions(-) diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 2ae9cd802e..d99c13448c 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -59,38 +59,27 @@ From 835238e75858d44adfe0a199526e2e542675ea30 Mon Sep 17 00:00:00 2001 From: Alexander Nikolas Reuber Date: Sat, 3 Sep 2022 13:17:42 +0200 Subject: [PATCH 3/4] some fun with event propagation and bubbling --- .../index-START.html | 101 ++++++++++-------- 1 file changed, 58 insertions(+), 43 deletions(-) diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html b/25 - Event Capture, Propagation, Bubbling and Once/index-START.html index 7bd5931e01..b91475b9f6 100644 --- a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html +++ b/25 - Event Capture, Propagation, Bubbling and Once/index-START.html @@ -1,48 +1,63 @@ - - - Understanding JavaScript's Capture - - - -

+ + + Understanding JavaScript's Capture + + +

- - - - - - + + + + + + From 49962a91e1ed0903302592cf41d0dca028ed2a56 Mon Sep 17 00:00:00 2001 From: Alexander Nikolas Reuber Date: Sun, 11 Sep 2022 08:47:30 +0200 Subject: [PATCH 4/4] finished some array, object exercises --- 04 - Array Cardio Day 1/index-START.html | 426 +++++++++++++++++++- 07 - Array Cardio Day 2/index-FINISHED.html | 2 +- 07 - Array Cardio Day 2/index-START.html | 18 +- 3 files changed, 436 insertions(+), 10 deletions(-) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index 21bec96e8c..7fc93ffa2a 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -6,6 +6,374 @@

Psst: have a look at the JavaScript Console 💁

+ +

Help

Category:Boulevards in Paris

From Wikipedia, the free encyclopedia

+ +

+ Jump to navigation + Jump to search +

Wikimedia Commons has media related to Boulevards in Paris.

+ + + + +

Pages in category "Boulevards in Paris"

The following 39 pages are in this category, out of 39 total. This list may not reflect recent changes. +

*

A

Boulevard Auguste-Blanqui

B

C

G

Boulevard du Général-d'Armée-Jean-Simon

H

I

Boulevard des Italiens

L

Boulevard Lefebvre

M

R

S

Hidden categories:

Commons category link is on Wikidata

+ +

+ + diff --git a/07 - Array Cardio Day 2/index-FINISHED.html b/07 - Array Cardio Day 2/index-FINISHED.html index 24efbf91b0..ca344c8b73 100644 --- a/07 - Array Cardio Day 2/index-FINISHED.html +++ b/07 - Array Cardio Day 2/index-FINISHED.html @@ -60,7 +60,7 @@ const newComments = [ ...comments.slice(0, index), - ...comments.slice(index + 1) + ...comments.slice(index + 1) // start at the next element right of given index ]; diff --git a/07 - Array Cardio Day 2/index-START.html b/07 - Array Cardio Day 2/index-START.html index 969566ff78..198599ed8a 100644 --- a/07 - Array Cardio Day 2/index-START.html +++ b/07 - Array Cardio Day 2/index-START.html @@ -26,15 +26,29 @@ // Some and Every Checks // Array.prototype.some() // is at least one person 19 or older? - // Array.prototype.every() // is everyone 19 or older? + const currentYear = new Date().getFullYear() + const isSomePerson19OrOlder = people.some(person => (currentYear - person.year) >= 19) + console.log('Is at least one person 19 or older?') + console.table(isSomePerson19OrOlder) + // Array.prototype.every() // is everyone 19 or older? + const isEveryone19OrOlder = people.every(person => (currentYear - person.year) >= 19) + console.log('Is everyone 19 or older?') + console.table(isEveryone19OrOlder) // Array.prototype.find() // Find is like filter, but instead returns just the one you are looking for // find the comment with the ID of 823423 - + const theComment = comments.find(comment => comment.id === 823423) + console.log(`The comment with the ID ${theComment.id}`) + console.log(theComment) // Array.prototype.findIndex() // Find the comment with this ID // delete the comment with the ID of 823423 + const index = comments.findIndex(comment => comment.id === 823423) + console.log(index) + console.table(comments) + comments[index] = '' + console.table(comments)

Category:Boulevards in Paris

Pages in category "Boulevards in Paris"

*

A

B

C

G

H

I

L

M

R

S

T

V

Z

Navigation menu

+ Search +