de:modul:m307:learningunits:lu02:loesungen:04

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
de:modul:m307:learningunits:lu02:loesungen:04 [2026/03/19 09:09] – vdemirde:modul:m307:learningunits:lu02:loesungen:04 [2026/03/19 09:12] (aktuell) – vdemir
Zeile 36: Zeile 36:
 ===== Lösungen des HTML/JS-Sourcecodes ===== ===== Lösungen des HTML/JS-Sourcecodes =====
  
-<code HTML> +<code > 
-  <!DOCTYPE html> +<!DOCTYPE html> 
-  <!--  +<!--  
-     Author: Volkan Demir, 17.03.26 +   Author: Volkan Demir, 17.03.26 
-     LU01.l04: Dynamischer Ausgabe von JSON-Daten mittels einer Schleife +   LU01.l04: Dynamischer Ausgabe von JSON-Daten mittels einer Schleife 
-     Das Ergebnis ist dann in der Browserkonsole sichtbar +   Das Ergebnis ist dann in der Browserkonsole sichtbar 
-  --> +--> 
-  <html lang="de"> +<html lang="de"> 
-  <head> +<head> 
-    <meta charset="UTF-8"> +  <meta charset="UTF-8"> 
-    <title>Lernende Konsole</title> +  <title>Lernende Konsole</title> 
-  </head> +</head> 
-  <body> +<body> 
-    <script> +  <script> 
-      fetch("lernende.json") +    fetch("lernende.json") 
-        .then(response => response.json()) +      .then(response => response.json()) 
-        .then(data => { +      .then(data => { 
-          console.log("------- Lernende/r 1 ------- "); +        console.log("------- Lernende/r 1 ------- "); 
-          console.log("id:", data.lernende[0].id);  +        console.log("id:", data.lernende[0].id);  
-          console.log("Name:", data.lernende[0].name, data.lernende[0].nachname); +        console.log("Name:", data.lernende[0].name, data.lernende[0].nachname); 
-          console.log("Hobbies:", data.lernende[0].hobbies[0],  +        console.log("Hobbies:", data.lernende[0].hobbies[0],  
-                                  data.lernende[0].hobbies[1], +                                data.lernende[0].hobbies[1], 
-                                  data.lernende[0].hobbies[2]); +                                data.lernende[0].hobbies[2]); 
-          //                        +        //                        
-          console.log("------- Lernende/r 2 ------- "); +        console.log("------- Lernende/r 2 ------- "); 
-          console.log("id:", data.lernende[1].id);  +        console.log("id:", data.lernende[1].id);  
-          console.log("Name:", data.lernende[1].name, data.lernende[1].nachname); +        console.log("Name:", data.lernende[1].name, data.lernende[1].nachname); 
-          console.log("Hobbies:", data.lernende[1].hobbies[0], +        console.log("Hobbies:", data.lernende[1].hobbies[0], 
-                                  data.lernende[1].hobbies[1], +                                data.lernende[1].hobbies[1], 
-                                  data.lernende[1].hobbies[2]); +                                data.lernende[1].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 3 ------- "); +        console.log("------- Lernende/r 3 ------- "); 
-          console.log("id:", data.lernende[2].id); +        console.log("id:", data.lernende[2].id); 
-          console.log("Name:", data.lernende[2].name, data.lernende[2].nachname); +        console.log("Name:", data.lernende[2].name, data.lernende[2].nachname); 
-          console.log("Hobbies:", data.lernende[2].hobbies[0], +        console.log("Hobbies:", data.lernende[2].hobbies[0], 
-                                  data.lernende[2].hobbies[1], +                                data.lernende[2].hobbies[1], 
-                                  data.lernende[2].hobbies[2]); +                                data.lernende[2].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 4 ------- "); +        console.log("------- Lernende/r 4 ------- "); 
-          console.log("id:", data.lernende[3].id); +        console.log("id:", data.lernende[3].id); 
-          console.log("Name:", data.lernende[3].name, data.lernende[3].nachname); +        console.log("Name:", data.lernende[3].name, data.lernende[3].nachname); 
-          console.log("Hobbies:", data.lernende[3].hobbies[0], +        console.log("Hobbies:", data.lernende[3].hobbies[0], 
-                                 data.lernende[3].hobbies[1], +                               data.lernende[3].hobbies[1], 
-                                 data.lernende[3].hobbies[2]); +                               data.lernende[3].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 5 ------- "); +        console.log("------- Lernende/r 5 ------- "); 
-          console.log("id:", data.lernende[4].id); +        console.log("id:", data.lernende[4].id); 
-          console.log("Name:", data.lernende[4].name, data.lernende[4].nachname); +        console.log("Name:", data.lernende[4].name, data.lernende[4].nachname); 
-          console.log("Hobbies:", data.lernende[4].hobbies[0], +        console.log("Hobbies:", data.lernende[4].hobbies[0], 
-                                 data.lernende[4].hobbies[1], +                               data.lernende[4].hobbies[1], 
-                                 data.lernende[4].hobbies[2]); +                               data.lernende[4].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 6 ------- "); +        console.log("------- Lernende/r 6 ------- "); 
-          console.log("id:", data.lernende[5].id); +        console.log("id:", data.lernende[5].id); 
-          console.log("Name:", data.lernende[5].name, data.lernende[5].nachname); +        console.log("Name:", data.lernende[5].name, data.lernende[5].nachname); 
-          console.log("Hobbies:", data.lernende[5].hobbies[0], +        console.log("Hobbies:", data.lernende[5].hobbies[0], 
-                                 data.lernende[5].hobbies[1], +                               data.lernende[5].hobbies[1], 
-                                 data.lernende[5].hobbies[2]); +                               data.lernende[5].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 7 ------- "); +        console.log("------- Lernende/r 7 ------- "); 
-          console.log("id:", data.lernende[6].id); +        console.log("id:", data.lernende[6].id); 
-          console.log("Name:", data.lernende[6].name, data.lernende[6].nachname); +        console.log("Name:", data.lernende[6].name, data.lernende[6].nachname); 
-          console.log("Hobbies:", data.lernende[6].hobbies[0], +        console.log("Hobbies:", data.lernende[6].hobbies[0], 
-                                  data.lernende[6].hobbies[1], +                                data.lernende[6].hobbies[1], 
-                                 data.lernende[6].hobbies[2]); +                               data.lernende[6].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 8 ------- "); +        console.log("------- Lernende/r 8 ------- "); 
-          console.log("id:", data.lernende[7].id); +        console.log("id:", data.lernende[7].id); 
-          console.log("Name:", data.lernende[7].name, data.lernende[7].nachname); +        console.log("Name:", data.lernende[7].name, data.lernende[7].nachname); 
-          console.log("Hobbies:", data.lernende[7].hobbies[0], +        console.log("Hobbies:", data.lernende[7].hobbies[0], 
-                                 data.lernende[7].hobbies[1], +                               data.lernende[7].hobbies[1], 
-                                 data.lernende[7].hobbies[2]); +                               data.lernende[7].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 9 ------- "); +        console.log("------- Lernende/r 9 ------- "); 
-          console.log("id:", data.lernende[8].id); +        console.log("id:", data.lernende[8].id); 
-          console.log("Name:", data.lernende[8].name, data.lernende[8].nachname); +        console.log("Name:", data.lernende[8].name, data.lernende[8].nachname); 
-          console.log("Hobbies:", data.lernende[8].hobbies[0], +        console.log("Hobbies:", data.lernende[8].hobbies[0], 
-                                 data.lernende[8].hobbies[1], +                               data.lernende[8].hobbies[1], 
-                                 data.lernende[8].hobbies[2]); +                               data.lernende[8].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 10 ------- "); +        console.log("------- Lernende/r 10 ------- "); 
-          console.log("id:", data.lernende[9].id); +        console.log("id:", data.lernende[9].id); 
-          console.log("Name:", data.lernende[9].name, data.lernende[9].nachname); +        console.log("Name:", data.lernende[9].name, data.lernende[9].nachname); 
-          console.log("Hobbies:", data.lernende[9].hobbies[0], +        console.log("Hobbies:", data.lernende[9].hobbies[0], 
-                                 data.lernende[9].hobbies[1], +                               data.lernende[9].hobbies[1], 
-                                 data.lernende[9].hobbies[2]); +                               data.lernende[9].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 11 ------- "); +        console.log("------- Lernende/r 11 ------- "); 
-          console.log("id:", data.lernende[10].id); +        console.log("id:", data.lernende[10].id); 
-          console.log("Name:", data.lernende[10].name, data.lernende[10].nachname); +        console.log("Name:", data.lernende[10].name, data.lernende[10].nachname); 
-          console.log("Hobbies:", data.lernende[10].hobbies[0], +        console.log("Hobbies:", data.lernende[10].hobbies[0], 
-                                 data.lernende[10].hobbies[1], +                               data.lernende[10].hobbies[1], 
-                                 data.lernende[10].hobbies[2]); +                               data.lernende[10].hobbies[2]); 
-          // +        // 
-          console.log("------- Lernende/r 12 ------- "); +        console.log("------- Lernende/r 12 ------- "); 
-          console.log("id:", data.lernende[11].id); +        console.log("id:", data.lernende[11].id); 
-          console.log("Name:", data.lernende[11].name, data.lernende[11].nachname); +        console.log("Name:", data.lernende[11].name, data.lernende[11].nachname); 
-          console.log("Hobbies:", data.lernende[11].hobbies[0], +        console.log("Hobbies:", data.lernende[11].hobbies[0], 
-                                 data.lernende[11].hobbies[1], +                               data.lernende[11].hobbies[1], 
-                                 data.lernende[11].hobbies[2]); +                               data.lernende[11].hobbies[2]); 
-          // +        // 
-        }) +      }) 
-        .catch(err => { +      .catch(err => { 
-          console.error("Fehler beim Laden:", err); +        console.error("Fehler beim Laden:", err); 
-        }); +      }); 
-     </script> +   </script 
-  </body> +</body> 
-  </html>+</html>
 </code> </code>
  
  • de/modul/m307/learningunits/lu02/loesungen/04.1773907771.txt.gz
  • Zuletzt geändert: 2026/03/19 09:09
  • von vdemir