de:modul:m288:learningunits:lu01:loesungen:05

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:loesungen:05 [2026/08/25 11:04] – vdemirde:modul:m288:learningunits:lu01:loesungen:05 [2026/08/27 13:41] (aktuell) – vdemir
Zeile 1: Zeile 1:
-====== LU01.L06 - JS einbinden in den HTML-Code ======+====== LU01.L05 - JS einbinden in den HTML-Code ======
  
 ===== Vorarbeiten ===== ===== Vorarbeiten =====
Zeile 16: Zeile 16:
   - Als separate Datei: Ausgabe der Hobbies (Button 3, muss noch angelegt werden)   - Als separate Datei: Ausgabe der Hobbies (Button 3, muss noch angelegt werden)
  
-===== Quellcode LU01_A05.html ===== +===== Quellcode LU01_L05.html =====
-{{:modul:m288:learningunits:lu01:loesungen:lu01_a05_3.jpg?600| Quellcode der HTML-Datei LU01_A05.html}}+
  
-===== Quellcode LU01_A05.js ===== +<code html> 
-{{:modul:m288:learningunits:lu01:loesungen:lu01_a05_4.jpg?600| Quellcode der HTML-Datei LU01_A05.html}}+<!DOCTYPE html> 
 +<html> 
 +  <head>
  
 +    <script src="js/LU01_L05.js" defer></script>
 +  </head>
 +<body>
 +
 +<h1>LU01.L05 - My Third JavaScript - Different linking of JS in HTML</h1>
 +
 +<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">
 +  V1 direkt beim HTML-Tag: Datums
 +</button>
 +<p id="demo"></p>
 +
 +<button type="button" onclick="version2()">
 +  V2 - separaten Script-Tag: Ausgabe Namen
 +</button>
 +<h2 id="demo2"></h2>
 +
 +
 +<button type="button" onclick="version3()">
 +  V3 - separate Datei: Ausgabe der Hobbies
 +</button>
 +<h2 id="demo3"></h2>
 +
 +  <script>
 +      function version2() {
 +          document.getElementById('demo2').innerHTML = 'Volkan Demir';
 +      }
 +  </script>
 +
 +</body>
 +</html>
 +</code>
 +
 +===== Quellcode LU01_L05.js =====
 +**Hinweis:** Achten Sie darauf, dass das JS-File mit der korrekten Pfadangabe im HTML eingebunden ist
 +
 +<code javascript>
 +function version3() {
 +          document.getElementById('demo3').innerHTML = 'Meine Hobbies sind: Fotografieren, Reisen und Wandern';
 + }
 +
 +
 +</code>
  
 ===== Browserausgabe ===== ===== Browserausgabe =====
  • de/modul/m288/learningunits/lu01/loesungen/05.1787648692.txt.gz
  • Zuletzt geändert: 2026/08/25 11:04
  • von vdemir