BZZ - Modulwiki - de:modul:m307:learningunits:lu02:loesungen https://wiki.bzz.ch/ 2026-05-18T00:22:42+00:00 BZZ - Modulwiki https://wiki.bzz.ch/ https://wiki.bzz.ch/_media/wiki/logo.png text/html 2026-03-17T09:48:31+00:00 Anonymous (anonymous@undisclosed.example.com) LU02.L01 - JSON-File anlegen https://wiki.bzz.ch/de/modul/m307/learningunits/lu02/loesungen/01?rev=1773740911&do=diff LU02.L01 - JSON-File anlegen Auftrag 1 * Legen Sie eine JSON-Datei lernende.json an mit den nachfolgenden Attributen: * name: String * nachname: String * alter: number * bms: boolean * hobbies: Array von Strings * Erstellen Sie einen konkrete Datensatz mit einer Person Iher Wahl unter Verwendung der im Auftrag 1 vorgegeben JSON-Struktur. text/html 2026-02-09T12:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) LU02.L02 - JSON-File einlesen und ausgeben https://wiki.bzz.ch/de/modul/m307/learningunits/lu02/loesungen/02?rev=1770641053&do=diff LU02.L02 - JSON-File einlesen und ausgeben Auftrag Erstellen Sie ein JS-Script, das die JSON-Inhalt asynchron einliest und auf der Computerkonsole formatiert ausgibt. Das Ergebnis soll wie folgt aussehen. Lösungen const fs = require("fs"); // fs.readFile("lernende.json", "utf8", (err, data) => { if (err) { console.error("Fehler beim Lesen:", err); return; } // const daten = JSON.parse(data); // console.log(typeof daten); // object // console.log("Anzahl Lernende:", dat… text/html 2026-03-19T08:08:57+00:00 Anonymous (anonymous@undisclosed.example.com) LU02.L03 - JSON-File einlesen und dynamisch ausgeben https://wiki.bzz.ch/de/modul/m307/learningunits/lu02/loesungen/03?rev=1773907737&do=diff LU02.L03 - JSON-File einlesen und dynamisch ausgeben Auftrag Bauen Sie das nachfolgende statische Script um, sodass es dynamisch die JSON-Daten ausgibt, unabhängig von der Anzahl Daten, die es enthält. Dies realisieren Sie durch eine Schleife, die JSON-Lernenden-Daten durchläuft. Eine zweite innere Schleife benötigen Sie für die Hobbies. text/html 2026-03-19T08:12:00+00:00 Anonymous (anonymous@undisclosed.example.com) LU02.L04 - JSON-File einlesen und statisch mittels Browser-Konsole ausgeben https://wiki.bzz.ch/de/modul/m307/learningunits/lu02/loesungen/04?rev=1773907920&do=diff LU02.L04 - JSON-File einlesen und statisch mittels Browser-Konsole ausgeben Auftrag Ihr Auftrag besteht darin den Inhalt der Datei lernende2.json mit 10 Datensätze in der Browser-Konsole ausgeben zu lassen. Die benötigten Dateien finden Sie in dieser text/html 2026-02-10T13:23:05+00:00 Anonymous (anonymous@undisclosed.example.com) LU02.L05 - JSON-File einlesen und dynamisch mittels Browser-Konsole ausgeben https://wiki.bzz.ch/de/modul/m307/learningunits/lu02/loesungen/05?rev=1770729785&do=diff LU02.L05 - JSON-File einlesen und dynamisch mittels Browser-Konsole ausgeben Auftrag Ersetzen Sie im nachfolgenden Script die Einzeleinträge durch Schleifen. index.html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Lernende Konsole</title> </head> <body> <script> fetch("lernende.json") .then(response => response.json()) .then(data => { console.log("------- Lernende/r 1 ------- "); console.log("id:", data.lernende[0].id); … text/html 2026-02-10T13:19:04+00:00 Anonymous (anonymous@undisclosed.example.com) LU02.L06 - JSON-File einlesen und dynamsich mittels Browser-Fenster ausgeben https://wiki.bzz.ch/de/modul/m307/learningunits/lu02/loesungen/06?rev=1770729544&do=diff LU02.L06 - JSON-File einlesen und dynamsich mittels Browser-Fenster ausgeben Auftrag Lassen Sie das nachfolgende Script laufen und kommentieren Ihre Erkenntnisse im Code durch entsprechende HTML- oder JS-Codeeinträge. Lösungen <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Lernende Anzeige</title> </head> <body> <h1>Lernende</h1> <div id="ausgabe"></div> <!-- die id wird benötigt, damit js mittels getElementbyID die Daten hier im HTML-DOM platzieren kann--> <script… text/html 2026-04-07T13:28:26+00:00 Anonymous (anonymous@undisclosed.example.com) LU02.L07 - JSON-Daten im Webformularen ausgeben https://wiki.bzz.ch/de/modul/m307/learningunits/lu02/loesungen/07?rev=1775568506&do=diff LU02.L07 - JSON-Daten im Webformularen ausgeben Auftrag Bei dieser Aufgabe geht es darum sich mit den verschiedenen Technologien wie HTML, CSS und JavaScript in Kombination vertraut zu machen. Ihr Auftrag besteht aus Teilaufgaben: * Code importieren + Inhalt testen - 10 Min.