Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu01:aufgaben:06 [2026/08/25 12:25] – alte Version wiederhergestellt (2025/09/04 08:06) vdemirde:modul:m288:learningunits:lu01:aufgaben:06 [2026/09/08 10:33] (aktuell) – [Lösungen] vdemir
Zeile 5: Zeile 5:
   * Hilfsmittel:    * Hilfsmittel: 
     * VS Code Editor     * VS Code Editor
-  * Zeit: 15 Minuten+  * Zeit: 20 Minuten
   * Erwartetes Resultat:    * Erwartetes Resultat: 
     - Der JS-Code der separaten Datei wurde korrekt eingebunden.      - Der JS-Code der separaten Datei wurde korrekt eingebunden. 
Zeile 33: Zeile 33:
 ===== Vorarbeiten ===== ===== Vorarbeiten =====
  
-Kopieren Sie den nachfolgenden Quellcode in die nachfolgenden Dateien+Kopieren Sie die nachfolgenden Quellcode-Vorlage in ihre Lösungsdatei LU01_L06.html. 
  
 +**LU01_L06.html**
  
 +<code html>
 +<!DOCTYPE html>
 +<html lang="en">
 +<head>
 +  <meta charset="UTF-8">
 +  <title>JavaScript Essentials</title>
 +  
 +  <!-- Aufgabe 1 -->
 +  <!-- Ausgabe als Alert-Box, der Code dazu ist in einer separaten Datei gespeichert -->
 +  <!-- Hier muss die zweite JS-Datei eingebunden werden -->
 +  <!-- Code hier ergänzen -->   
 +</head>
 +<h1>LU01_A06: How to write some text with JavaScript i.e. Hello ...</h1>
 +<body>
  
-**LU01_L06.html**+  <!-- Aufgabenteil 2 --> 
 +  <!-- Schreiben Sie hier eine alert box direkt rein und testen die Ausgabe --> 
 +  <script> 
 +    // Die Alert-Box wird hier direkt reingeschrieben. 
 +    // Code hier ergänzen  
 +  </script>
  
-  <!DOCTYPE html> +  <!-- Aufgabe 3 --> 
-  <html lang="en"> +  <!-- Ausgabe wird in der Browserkonsole angezeigt --> 
-  <head> +  <!-- Hier muss die dritte JS-Datei eingebunden werden --> 
-    <meta charset="UTF-8"> +  <!-- Code hier ergänzen --> 
-    <title>JavaScript Essentials</title> +  </body> 
-    <!-- Aufgabe 2 --> +</html> 
-    <!-- Ausgabe als Alert-Box, der Code dazu ist in einer separaten Datei gespeichert --> +</code>
-    <!-- Hier muss die zweite JS-Datei eingebunden werden --> +
-    <!-- Code hier ergänzen -->    +
-  </head> +
-  <h1>LU01_A06: How to write some text with JavaScript i.e. Hello ...</h1> +
-  <body> +
-    <!-- Aufgabenteil 1 --> +
-    <!-- Schreiben Sie hier eine alert box direkt rein und testen die Ausgabe --> +
-    <script> +
-      // Die Alert-Box wird hier direkt reingeschrieben. +
-      // Code hier ergänzen  +
-    </script> +
-    <!-- Aufgabe 3 --> +
-    <!-- Ausgabe wird in der Browserkonsole angezeigt --> +
-      <!-- Hier muss die dritte JS-Datei eingebunden werden --> +
-      <!-- Code hier ergänzen --> +
-    </body> +
-  </html>+
  
 **scripts/LU01_L06_2.js** **scripts/LU01_L06_2.js**
  
-  alert("Hello Variante 2: Als Alert-Box im separaten File!")+<code javascript> 
 +alert("Hello Variante 2: Als Alert-Box im separaten File!") 
 +</code>
  
 **scripts/LU01_L06_3.js** **scripts/LU01_L06_3.js**
  
-  console.log('Hello Variante 3 in der Browserconsole: im separaten File!');  +<code javascript> 
-  // Hello, World! will be printed to the console +console.log('Hello Variante 3 in der Browserconsole: im separaten File!');  
- +// Hello, World! will be printed to the console 
- +</code>
-===== Lösungen ===== +
-[[de:modul:m288:learningunits:lu01:Lösungen: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 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir
  • de/modul/m288/learningunits/lu01/aufgaben/06.1787653508.txt.gz
  • Zuletzt geändert: 2026/08/25 12:25
  • von vdemir