01_grundlagen/uebungen/o02_palindrom.html

@@ -36,10 +36,53 @@
             <li>Leerzeichen und Satzzeichen sollen ignoriert werden.</li>
           </ul>
         </div>
+
+        <form name="palindrom">
+          <div class="row align-items-center">
+            <div class="col-auto">
+              <label for="input-text">String</label>
+            </div>
+            <div class="col">
+              <input type="text" name="input-text" id="input-text" class="form-control" />
+            </div>
+
+            <div class="col">
+              <button type="submit" class="btn btn-primary">Check</button>
+            </div>
+          </div>
+        </form>
+
+        <div class="output alert alert-secondary my-3"></div>
       </div>
     </main>
     <script>
       'use strict';
+
+      const outputEl = document.querySelector('.output');
+      const form = document.forms['palindrom'];
+      const textEl = form['input-text'];
+      const letters = 'abcdefghijklmnopqrstuvwxyz';
+
+      const isPalindrom = (text) => {
+        // alle nicht buchstaben aussortieren
+        const textArray = text
+          .toLowerCase()
+          .split('')
+          .filter((string) => letters.includes(string));
+
+        return textArray.join('') === [...textArray].reverse().join('');
+      };
+
+      form.addEventListener('submit', (e) => {
+        e.preventDefault();
+
+        if (textEl.value.length < 2) {
+          outputEl.innerText = 'Text muss mindestens 2 Zeichen lang sein';
+          return;
+        }
+
+        outputEl.innerText = `"${textEl.value}" ist ${isPalindrom(textEl.value) ? '' : 'k'}ein Palindrom`;
+      });
     </script>
   </body>
 </html>

01_grundlagen/uebungen/u39_sort-stadt-land-fluss.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -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(', ');
     </script>
   </body>
 </html>

01_grundlagen/uebungen/u40_map-lueckentext.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -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]
       //

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');
     </script>
   </body>
 </html>

01_grundlagen/uebungen/u42_filter-boardgames.html

@@ -22,8 +22,8 @@
     </main>
     <script>
       'use strict';
-      const outputEl = document.querySelector('.output');
 
+      const outputEl = document.querySelector('.output');
       const videogames = ['Far Cry', 'Among Us'];
 
       const boardgames = [
@@ -43,9 +43,20 @@
       ];
 
       const boardgamesStartingWithF = boardgames.filter((name) => {
-        /* TODO: do it */
+        return name.charAt(0).toUpperCase().startsWith('F');
       });
 
+      const getListByLetter = (letter, list = [], caseSensitive = true) => {
+        const listFiltered = list.filter((name) => {
+          const firstLetter = name.charAt(0);
+
+          return caseSensitive ? firstLetter.startsWith(letter) : firstLetter.toUpperCase().startsWith(letter);
+        });
+        return listFiltered;
+      };
+
+      console.log(getListByLetter('F', boardgames, true));
+      console.log(getListByLetter('F', videogames));
       console.log(boardgamesStartingWithF); //=> ['Funny Friends', 'Fauna', 'Fairy Tale', 'Fast Flowing Forest Fellers', 'Fearsome Floors']
     </script>
   </body>

01_grundlagen/uebungen/u43_filter-results.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -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'
     </script>
   </body>
 </html>