2026-07-07 14:35:23 +02:00
parent 6f382f30ec
commit cc3dc382ed
4 changed files with 0 additions and 0 deletions
--- a/02_advanced/uebungen/u24_obj-in-json/index.html
+++ b/02_advanced/uebungen/u24_obj-in-json/index.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 24: Objekt in JSON umwandeln</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 24: Objekt in JSON umwandeln</h2>
+          <p>
+            Gegeben ist ein JavaScript-Objekt <code>book</code>. Konvertiere dieses Objekt in einen JSON-String und
+            parse anschließend die Zeichenkette zurück in ein JavaScript-Objekt. Gib den Titel und den Autor des Buches
+            in der Konsole aus.
+          </p>
+          <p>Folgendes sollte in der Konsole ausgegeben werden:</p>
+
+          <code>
+            <pre>
+// JSON-String
+{"title":"The Great Gatsby","author":"F. Scott Fitzgerald","year":1925}
+
+// JavaScript Object
+The Great Gatsby
+F. Scott Fitzgerald
+            </pre>
+          </code>
+        </div>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      const book = {
+        title: 'The Great Gatsby',
+        author: 'F. Scott Fitzgerald',
+        year: 1925,
+      };
+
+      // JSON String
+
+      // JS Object
+
+      console.log(bookObj.title); // => 'The Great Gatsby'
+      console.log(bookObj.author); // => 'F. Scott Fitzgerald'
+    </script>
+  </body>
+</html>