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>