From 968ebe05bdf7a1bb1c72b9d1dceb908d8ae0f6cb Mon Sep 17 00:00:00 2001 From: Philippe Torrel Date: Fri, 18 Sep 2026 09:47:31 +0200 Subject: [PATCH] --- 01_grundlagen/agenda.md | 2 +- 01_grundlagen/index.html | 56 +++++++++++++++++ 01_grundlagen/uebungen/o02_palindrom.html | 43 +++++++++++++ .../uebungen/u39_sort-stadt-land-fluss.html | 8 ++- .../uebungen/u40_map-lueckentext.html | 6 +- .../uebungen/u41_tranformierte-ladislaus.html | 23 ++++--- .../uebungen/u42_filter-boardgames.html | 15 ++++- .../uebungen/u43_filter-results.html | 15 +++-- .../tag09/04_ar-sort-compare-fn.html | 61 +++++-------------- .../unterricht/tag09/08_ar-for-each.html | 13 +++- 10 files changed, 170 insertions(+), 72 deletions(-) create mode 100644 01_grundlagen/index.html diff --git a/01_grundlagen/agenda.md b/01_grundlagen/agenda.md index 9fd017d..4cbec62 100644 --- a/01_grundlagen/agenda.md +++ b/01_grundlagen/agenda.md @@ -144,7 +144,7 @@ Lektion 10 erarbeiten **Übungen:** -Übung 39 - 48 +Übung 39 - 45 + optionale Übung --- diff --git a/01_grundlagen/index.html b/01_grundlagen/index.html new file mode 100644 index 0000000..10a2675 --- /dev/null +++ b/01_grundlagen/index.html @@ -0,0 +1,56 @@ + + + + + + + + + +
+
+

+
+
+ + + diff --git a/01_grundlagen/uebungen/o02_palindrom.html b/01_grundlagen/uebungen/o02_palindrom.html index 96dc42b..f067e59 100644 --- a/01_grundlagen/uebungen/o02_palindrom.html +++ b/01_grundlagen/uebungen/o02_palindrom.html @@ -36,10 +36,53 @@
  • Leerzeichen und Satzzeichen sollen ignoriert werden.
    • + +
    +
    +
    + +
    +
    + +
    + +
    + +
    +
    +
    + +
    diff --git a/01_grundlagen/uebungen/u39_sort-stadt-land-fluss.html b/01_grundlagen/uebungen/u39_sort-stadt-land-fluss.html index 717ca66..bcbfacb 100644 --- a/01_grundlagen/uebungen/u39_sort-stadt-land-fluss.html +++ b/01_grundlagen/uebungen/u39_sort-stadt-land-fluss.html @@ -1,4 +1,4 @@ - + @@ -46,8 +46,12 @@ const rivers = ['Bode', 'Brahmaputra', 'Beuvron', 'Black River', 'Belaja']; // Sortieren nach Länge + const sortByLength = (category) => category.sort((a, b) => b.length - a.length); + //console.log(category); - // TODO: do it + outputElA.textContent = sortByLength(cities).join(', '); + outputElB.textContent = sortByLength(countries).join(', '); + outputElC.textContent = sortByLength(rivers).join(', '); diff --git a/01_grundlagen/uebungen/u40_map-lueckentext.html b/01_grundlagen/uebungen/u40_map-lueckentext.html index 2a1e02d..285d1c5 100644 --- a/01_grundlagen/uebungen/u40_map-lueckentext.html +++ b/01_grundlagen/uebungen/u40_map-lueckentext.html @@ -1,4 +1,4 @@ - + @@ -24,11 +24,11 @@ let inputs = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; //double - results = inputs.map(); + results = inputs.map((n) => n * 2); console.log(results); // => [2, 4, 6, 8, 10, 12, 14, 16, 18, 20] //squares - results = inputs.map(); + results = inputs.map((n) => n * n); console.log(results); // => [1, 4, 9, 16, 25, 36, 49, 64, 81, 100] // diff --git a/01_grundlagen/uebungen/u41_tranformierte-ladislaus.html b/01_grundlagen/uebungen/u41_tranformierte-ladislaus.html index 7ee4981..6711dcd 100644 --- a/01_grundlagen/uebungen/u41_tranformierte-ladislaus.html +++ b/01_grundlagen/uebungen/u41_tranformierte-ladislaus.html @@ -70,26 +70,31 @@ 'use strict'; const formTransformEl = document.querySelector('.form-transform'); - const intputFirstname = formTransformEl.querySelector('input[name="firstname"]'); - + const inputFirstNames = formTransformEl.querySelector('input[name="firstname"]'); const inputLastname = formTransformEl.querySelector('input[name="lastname"]'); const outputEl = document.querySelector('.output'); - // Übung 03 - const transformName = (firstNames = [], lastName) => { - /* TODO: do it */ + // Vornamen in Initialen umwandeln und mit dem Nachnamen verbinden. + const transformName = (firstNames = [], lastName = '') => { + const initials = firstNames + .filter((str) => str.trim() !== '') + .map((str) => `${str.trim()[0].toUpperCase()}.`) + .join(' '); + + const formattedLastName = lastName.charAt(0).toUpperCase() + lastName.substring(1).toLowerCase(); + return `${initials} ${formattedLastName}`.trim(); }; - formTransformEl.addEventListener('submit', (e) => { - e.preventDefault(); + formTransformEl.addEventListener('submit', (event) => { + event.preventDefault(); - const firstNames = intputFirstname.value.trim().split(' '); + const firstNames = inputFirstNames.value.trim().split(/\s+/); const lastName = inputLastname.value.trim(); outputEl.textContent = transformName(firstNames, lastName); }); - outputEl.textContent = transformName(['Ladislaus', 'Coolio', 'Barry'], 'Jones'); + outputEl.textContent = transformName(['Ladislaus', 'Coolio', 'Barry', ''], 'Jones'); diff --git a/01_grundlagen/uebungen/u42_filter-boardgames.html b/01_grundlagen/uebungen/u42_filter-boardgames.html index 1de7f8c..0fb782d 100644 --- a/01_grundlagen/uebungen/u42_filter-boardgames.html +++ b/01_grundlagen/uebungen/u42_filter-boardgames.html @@ -22,8 +22,8 @@ diff --git a/01_grundlagen/uebungen/u43_filter-results.html b/01_grundlagen/uebungen/u43_filter-results.html index fb65359..fd819bb 100644 --- a/01_grundlagen/uebungen/u43_filter-results.html +++ b/01_grundlagen/uebungen/u43_filter-results.html @@ -1,4 +1,4 @@ - + @@ -31,14 +31,13 @@ let result; //1. even numbers - - results = inputs.filter(); + results = inputs.filter((n) => n % 2 === 0); console.log(results); // => [2, 4, 6, 8, 10] //2. names ending with letter 'e' or 'a' - results = names.filter(); + results = names.filter((name) => name.endsWith('a') || name.endsWith('e')); console.log(results); // => [ 'Friedlinde', 'Tusnelda', @@ -46,9 +45,13 @@ const wordAr = text.split(' '); - result = wordAr.filter(); + result = wordAr.filter((word) => word.length >= 3); + // result = text + // .split(' ') + // .filter((word) => word.length >= 3) + // .join(' '); - console.log(result); // => 'this short text' + console.log(result.join(' ')); // => 'this short text' diff --git a/01_grundlagen/unterricht/tag09/04_ar-sort-compare-fn.html b/01_grundlagen/unterricht/tag09/04_ar-sort-compare-fn.html index 001a3d2..43ad75f 100644 --- a/01_grundlagen/unterricht/tag09/04_ar-sort-compare-fn.html +++ b/01_grundlagen/unterricht/tag09/04_ar-sort-compare-fn.html @@ -1,51 +1,18 @@ - - - - - - Array - ar.sort(compareFn) - - - -
    -
    -

    Array - ar.sort(compareFn)

    -
    - Bubble sort -
    -

    - - ar.sort(compareFn) - - - Die sort() Methode sortiert die Elemente eines Arrays in-place und gibt das - Array zurück. Standardmäßig werden alle Elemente in Strings umgewandelt und dann anhand ihrer UTF-16 - Codepoints miteinander verglichen. -

    -
    - Das angesprochene Array wird durch in-place-mutation ebenfalls sortiert. -
    + - - + console.log(numericSorted); // => [ 1, 2, 10, 12, 16, 33 ] + + outputEl.textContent = numericSorted.join(' - '); // => 1 - 2 - 10 - 12 - 16 - 33 + diff --git a/01_grundlagen/unterricht/tag09/08_ar-for-each.html b/01_grundlagen/unterricht/tag09/08_ar-for-each.html index adce247..65c7499 100644 --- a/01_grundlagen/unterricht/tag09/08_ar-for-each.html +++ b/01_grundlagen/unterricht/tag09/08_ar-for-each.html @@ -78,14 +78,23 @@ // console.log(getItemsByLetter('d', products)); const letters = 'abcdefghijklmnopqrstuvwxyz'.toUpperCase().split(''); + let htmlBuffer = ''; letters.forEach((letter) => { - if (getItemsByLetter(letter, products).length === 0) return; + const productsByLetter = getItemsByLetter(letter, products); + + if (productsByLetter.length === 0) return; console.log(`== ${letter} ==`); - console.log(getItemsByLetter(letter, products).join(', ')); + console.log(productsByLetter.join(', ')); + + htmlBuffer += `

    ${letter}

    `; + htmlBuffer += `
    • ${productsByLetter.join('
    • ')}
    `; + htmlBuffer += `
    `; }); + outputEl.innerHTML = htmlBuffer; + console.log('-------'); // Optionale Parameter von forEach ========================