2026-07-01 09:40:35 +02:00
parent f642829cb1
commit 2dbadb9c4f
11 changed files with 222 additions and 24 deletions
--- a/02_advanced/uebungen/u01_transform-name/index.html
+++ b/02_advanced/uebungen/u01_transform-name/index.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 1: Vorname vor Nachname oder Nachname vor Vorname?</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <div class="alert alert-primary">
+          <h2>Übung 1: Vorname vor Nachname oder Nachname vor Vorname?</h2>
+          <p>
+            Wenn dich der Name der Übung beim Lesen genauso verwirrt wie uns beim Schreiben, dann liegt das daran, dass
+            die Reihenfolge von Vor- und Nachnamen nicht immer eindeutig ist. Manchmal heißt es
+            <strong>Max Mustermann</strong> und manchmal auch <strong>Mustermann, Max</strong>. Damit Benutzer der
+            Funktion logTransformedName (aus der Übung Der transformierte Ladislaus, Teil 2 der letzten Class) nicht
+            auch so verwirrt sind, stelle sie besser auf <code>named parameters</code> um.
+          </p>
+        </div>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      let logTransformedName = ({ firstName, lastName }) => {
+        console.log(`${lastName}, ${firstName.charAt(0)}.`);
+      };
+
+      const trainer = { lastName: 'Torrel', firstName: 'Philippe' };
+
+      logTransformedName({ firstName: 'Ladislaus', lastName: 'Jones' });
+      logTransformedName(trainer);
+      logTransformedName({ lastName: 'Rohleder', firstName: 'Andreas', isSmoker: true });
+    </script>
+  </body>
+</html>