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:22] – 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-Vorlage in die nachfolgenden Dateien+Kopieren Sie die nachfolgenden Quellcode-Vorlage in ihre Lösungsdatei LU01_L06.html. 
  
 **LU01_L06.html** **LU01_L06.html**
Zeile 41: Zeile 41:
 <html lang="en"> <html lang="en">
 <head> <head>
-    <meta charset="UTF-8"> +  <meta charset="UTF-8"> 
-    <title>JavaScript Essentials</title> +  <title>JavaScript Essentials</title> 
-    <!-- Variante 2 --> +   
-    <!-- Ausgabe als Alert-Box, der Code dazu ist in einer separaten Datei gespeichert --> +  <!-- Aufgabe 1 --> 
-    <script src="scripts/LU01_L06_2.js"></script>+  <!-- 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> </head>
 +<h1>LU01_A06: How to write some text with JavaScript i.e. Hello ...</h1>
 <body> <body>
  
-<h1>LU01_A06: How to write some text with JavaScript i.e. Hello ...</h1> +  <!-- Aufgabenteil 2 --> 
- +  <!-- Schreiben Sie hier eine alert box direkt rein und testen die Ausgabe --> 
-<!-- Variante 1 --> +  <script> 
-<!-- Ausgabe geschieht direkt als PopUp-Alert-Box--> +    // Die Alert-Box wird hier direkt reingeschrieben. 
-<script> +    // Code hier ergänzen  
-    alert("Hello Variante 1: Direkt im Code!"); +  </script>
-</script> +
- +
-<!-- Variante 3 --> +
-<!-- Ausgabe wird in der Browserkonsole angezeigt --> +
-<script src="scripts/LU01_L06_3.js"></script>+
  
-</body>+  <!-- Aufgabe 3 --> 
 +  <!-- Ausgabe wird in der Browserkonsole angezeigt --> 
 +  <!-- Hier muss die dritte JS-Datei eingebunden werden --> 
 +  <!-- Code hier ergänzen --> 
 +  </body>
 </html> </html>
 </code> </code>
Zeile 72: Zeile 74:
  
 **scripts/LU01_L06_3.js** **scripts/LU01_L06_3.js**
 +
 <code javascript> <code javascript>
 console.log('Hello Variante 3 in der Browserconsole: im separaten File!');  console.log('Hello Variante 3 in der Browserconsole: im separaten File!'); 
 // Hello, World! will be printed to the console // Hello, World! will be printed to the console
 </code> </code>
- 
-===== Lösungen ===== 
-[[de:modul:m288:learningunits:lu01: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 [[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.1787653337.txt.gz
  • Zuletzt geändert: 2026/08/25 12:22
  • von vdemir