====== LU02.A06 - JSON-File einlesen und dynamsich mittels Browser-Fenster ausgeben ====== ===== Rahmenbedingungen ===== * Sozialform: Einzelarbeit * Hilfsmittel: Openbooks * Zeit: 20 Minuten * Erwartetes Resultat: * JavaScript-File, dass eine JSON-Datei einliest und ausgibt. * HTML-File, welches den Inhalt der JSON-Datei in der Browser-Konsole ausgibt. ===== Ausgangslage ===== Bisher haben wir nur Daten in der Server- oder der Browserkonsole ausgegeben. Nun wollen wir Daten im tatäschlichen Fenster anzeigen lassen, also für den Endkunden einsehbar machen. Das nachfolgene Script //index.html// erzeugt die folgende Bildschirmausgabe. {{:de:modul:m307:learningunits:lu01:aufgaben:lu01_l06_1.jpg?600|}} ===== Auftrag ===== - **Aufgabe** * Lassen Sie das nachfolgende Script laufen und analysieren die einzelnen Codeteile. - **Aufgabe** *Kommentieren Ihre Erkenntnisse im Code durch entsprechende HTML- oder JS-Codeeinträge. - **Experiementiertips** * Ergänzen Sie das JSON-File durch weitere Zeilen und lassen Sie es sich im Browser anzeigen. * Ergänzen Sie das JSON-File durch weitere Subarrays, z.b. jeder Person erhält eine Adresse, oder die Lieblingslieder einer Person, ... * Verändern Sie die HTML-Formatierung, sodass die Daten anders dargestellt werden. Versuchen Sie also Ihr Wissen aus dem 1. Lehrjahr hier anzuwenden. **index.html** Lernende Anzeige

Lernende

 ===== Lösungen ===== [[de:modul:m307:learningunits:lu02:loesungen:06|LU01.L06]] ---- [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir