de:modul:m307:learningunits:lu01:loesungen:04

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

de:modul:m307:learningunits:lu01:loesungen:04 [2025/12/15 10:16] – angelegt vdemirde:modul:m307:learningunits:lu01:loesungen:04 [2025/12/15 10:27] (aktuell) – vdemir
Zeile 29: Zeile 29:
  
  
-===== Lösungen =====+===== Lösungen als Browsewr-Konsolen-Output ===== 
 +Das Ergebnis der Ausgabe sieht dann wie folgt aus:
  
-<!DOCTYPE html> +{{:de:modul:m307:learningunits:lu01:loesungen:lu01_l04_1.jpg?600|}}
-<html lang="de"> +
-<head> +
-  <meta charset="UTF-8"> +
-  <title>Lernende Konsole</title> +
-</head> +
-<body>+
  
-<script> +===== Lösungen des HTML/JS-Sourcecodes =====
-  fetch("lernende.json") +
-    .then(response => response.json()) +
-    .then(data => {+
  
-      console.log("------- Lernende/r 1 ------- "); +  <!DOCTYPE html> 
-      console.log("id:", data.lernende[0].id);  +  <html lang="de"> 
-      console.log("Name:", data.lernende[0].name, data.lernende[0].nachname); +  <head> 
-      console.log("Hobbies:", data.lernende[0].hobbies[0], +    <meta charset="UTF-8"> 
-                             data.lernende[0].hobbies[1], +    <title>Lernende Konsole</title> 
-                             data.lernende[0].hobbies[2]); +  </head> 
- +  <body> 
-      console.log("------- Lernende/r 2 ------- "); +    <script> 
-      console.log("id:", data.lernende[1].id);  +      fetch("lernende.json") 
-      console.log("Name:", data.lernende[1].name, data.lernende[1].nachname); +        .then(response => response.json()) 
-      console.log("Hobbies:", data.lernende[1].hobbies[0], +        .then(data => { 
-                             data.lernende[1].hobbies[1], +          console.log("------- Lernende/r 1 ------- "); 
-                             data.lernende[1].hobbies[2]); +          console.log("id:", data.lernende[0].id);  
- +          console.log("Name:", data.lernende[0].name, data.lernende[0].nachname); 
-      console.log("------- Lernende/r 3 ------- "); +          console.log("Hobbies:", data.lernende[0].hobbies[0],  
-      console.log("id:", data.lernende[2].id); +                                  data.lernende[0].hobbies[1], 
-      console.log("Name:", data.lernende[2].name, data.lernende[2].nachname); +                                  data.lernende[0].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[2].hobbies[0], +          //                        
-                             data.lernende[2].hobbies[1], +          console.log("------- Lernende/r 2 ------- "); 
-                             data.lernende[2].hobbies[2]); +          console.log("id:", data.lernende[1].id);  
- +          console.log("Name:", data.lernende[1].name, data.lernende[1].nachname); 
-      console.log("------- Lernende/r 4 ------- "); +          console.log("Hobbies:", data.lernende[1].hobbies[0], 
-      console.log("id:", data.lernende[3].id); +                                  data.lernende[1].hobbies[1], 
-      console.log("Name:", data.lernende[3].name, data.lernende[3].nachname); +                                  data.lernende[1].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[3].hobbies[0], +          // 
-                             data.lernende[3].hobbies[1], +          console.log("------- Lernende/r 3 ------- "); 
-                             data.lernende[3].hobbies[2]); +          console.log("id:", data.lernende[2].id); 
- +          console.log("Name:", data.lernende[2].name, data.lernende[2].nachname); 
-      console.log("------- Lernende/r 5 ------- "); +          console.log("Hobbies:", data.lernende[2].hobbies[0], 
-      console.log("id:", data.lernende[4].id); +                                  data.lernende[2].hobbies[1], 
-      console.log("Name:", data.lernende[4].name, data.lernende[4].nachname); +                                  data.lernende[2].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[4].hobbies[0], +          // 
-                             data.lernende[4].hobbies[1], +          console.log("------- Lernende/r 4 ------- "); 
-                             data.lernende[4].hobbies[2]); +          console.log("id:", data.lernende[3].id); 
- +          console.log("Name:", data.lernende[3].name, data.lernende[3].nachname); 
-      console.log("------- Lernende/r 6 ------- "); +          console.log("Hobbies:", data.lernende[3].hobbies[0], 
-      console.log("id:", data.lernende[5].id); +                                 data.lernende[3].hobbies[1], 
-      console.log("Name:", data.lernende[5].name, data.lernende[5].nachname); +                                 data.lernende[3].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[5].hobbies[0], +          // 
-                             data.lernende[5].hobbies[1], +          console.log("------- Lernende/r 5 ------- "); 
-                             data.lernende[5].hobbies[2]); +          console.log("id:", data.lernende[4].id); 
- +          console.log("Name:", data.lernende[4].name, data.lernende[4].nachname); 
-      console.log("------- Lernende/r 7 ------- "); +          console.log("Hobbies:", data.lernende[4].hobbies[0], 
-      console.log("id:", data.lernende[6].id); +                                 data.lernende[4].hobbies[1], 
-      console.log("Name:", data.lernende[6].name, data.lernende[6].nachname); +                                 data.lernende[4].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[6].hobbies[0], +          // 
-                             data.lernende[6].hobbies[1], +          console.log("------- Lernende/r 6 ------- "); 
-                             data.lernende[6].hobbies[2]); +          console.log("id:", data.lernende[5].id); 
- +          console.log("Name:", data.lernende[5].name, data.lernende[5].nachname); 
-      console.log("------- Lernende/r 8 ------- "); +          console.log("Hobbies:", data.lernende[5].hobbies[0], 
-      console.log("id:", data.lernende[7].id); +                                 data.lernende[5].hobbies[1], 
-      console.log("Name:", data.lernende[7].name, data.lernende[7].nachname); +                                 data.lernende[5].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[7].hobbies[0], +          // 
-                             data.lernende[7].hobbies[1], +          console.log("------- Lernende/r 7 ------- "); 
-                             data.lernende[7].hobbies[2]); +          console.log("id:", data.lernende[6].id); 
- +          console.log("Name:", data.lernende[6].name, data.lernende[6].nachname); 
-      console.log("------- Lernende/r 9 ------- "); +          console.log("Hobbies:", data.lernende[6].hobbies[0], 
-      console.log("id:", data.lernende[8].id); +                                  data.lernende[6].hobbies[1], 
-      console.log("Name:", data.lernende[8].name, data.lernende[8].nachname); +                                 data.lernende[6].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[8].hobbies[0], +          // 
-                             data.lernende[8].hobbies[1], +          console.log("------- Lernende/r 8 ------- "); 
-                             data.lernende[8].hobbies[2]); +          console.log("id:", data.lernende[7].id); 
- +          console.log("Name:", data.lernende[7].name, data.lernende[7].nachname); 
-      console.log("------- Lernende/r 10 ------- "); +          console.log("Hobbies:", data.lernende[7].hobbies[0], 
-      console.log("id:", data.lernende[9].id); +                                 data.lernende[7].hobbies[1], 
-      console.log("Name:", data.lernende[9].name, data.lernende[9].nachname); +                                 data.lernende[7].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[9].hobbies[0], +          // 
-                             data.lernende[9].hobbies[1], +          console.log("------- Lernende/r 9 ------- "); 
-                             data.lernende[9].hobbies[2]); +          console.log("id:", data.lernende[8].id); 
- +          console.log("Name:", data.lernende[8].name, data.lernende[8].nachname); 
-      console.log("------- Lernende/r 11 ------- "); +          console.log("Hobbies:", data.lernende[8].hobbies[0], 
-      console.log("id:", data.lernende[10].id); +                                 data.lernende[8].hobbies[1], 
-      console.log("Name:", data.lernende[10].name, data.lernende[10].nachname); +                                 data.lernende[8].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[10].hobbies[0], +          // 
-                             data.lernende[10].hobbies[1], +          console.log("------- Lernende/r 10 ------- "); 
-                             data.lernende[10].hobbies[2]); +          console.log("id:", data.lernende[9].id); 
- +          console.log("Name:", data.lernende[9].name, data.lernende[9].nachname); 
-      console.log("------- Lernende/r 12 ------- "); +          console.log("Hobbies:", data.lernende[9].hobbies[0], 
-      console.log("id:", data.lernende[11].id); +                                 data.lernende[9].hobbies[1], 
-      console.log("Name:", data.lernende[11].name, data.lernende[11].nachname); +                                 data.lernende[9].hobbies[2]); 
-      console.log("Hobbies:", data.lernende[11].hobbies[0], +          // 
-                             data.lernende[11].hobbies[1], +          console.log("------- Lernende/r 11 ------- "); 
-                             data.lernende[11].hobbies[2]); +          console.log("id:", data.lernende[10].id); 
- +          console.log("Name:", data.lernende[10].name, data.lernende[10].nachname); 
-    }) +          console.log("Hobbies:", data.lernende[10].hobbies[0], 
-    .catch(err => { +                                 data.lernende[10].hobbies[1], 
-      console.error("Fehler beim Laden:", err); +                                 data.lernende[10].hobbies[2]); 
-    }); +          // 
-</script> +          console.log("------- Lernende/r 12 ------- "); 
- +          console.log("id:", data.lernende[11].id); 
-</body> +          console.log("Name:", data.lernende[11].name, data.lernende[11].nachname); 
-</html>+          console.log("Hobbies:", data.lernende[11].hobbies[0], 
 +                                 data.lernende[11].hobbies[1], 
 +                                 data.lernende[11].hobbies[2]); 
 +          // 
 +        }) 
 +        .catch(err => { 
 +          console.error("Fehler beim Laden:", err); 
 +        }); 
 +     </script> 
 +  </body> 
 +  </html>
  
  
  • de/modul/m307/learningunits/lu01/loesungen/04.txt
  • Zuletzt geändert: 2025/12/15 10:27
  • von vdemir