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
modul:m288:learningunits:lu01:aufgaben:04 [2025/08/15 15:30] vdemirmodul:m288:learningunits:lu01:aufgaben:04 [2025/08/15 16:01] (aktuell) vdemir
Zeile 6: Zeile 6:
     * VS Code Editor     * VS Code Editor
     * [[https://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst|W3School/js/ersteSchritte]]     * [[https://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst|W3School/js/ersteSchritte]]
-  * Zeit: 10 Minuten+  * Zeit: 15 Minuten
   * Erwartetes Resultat: Ihr VS Studio ist für HTML eingerichtet. Sie können HTML-Files mittels VS Studio ausführen und am Browser anschauen.    * Erwartetes Resultat: Ihr VS Studio ist für HTML eingerichtet. Sie können HTML-Files mittels VS Studio ausführen und am Browser anschauen. 
  
Zeile 13: Zeile 13:
  
 {{ :modul:m288:learningunits:lu01:aufgaben:visual_studio_code_fuer_html_einrichten.mp4 | Anleitung wie VS Studio für HTML eingerichtet wird}} {{ :modul:m288:learningunits:lu01:aufgaben:visual_studio_code_fuer_html_einrichten.mp4 | Anleitung wie VS Studio für HTML eingerichtet wird}}
 +===== Aufgabe A =====
 +Richten Sie Ihren VS Editor gemäss Video entsprechend ein, kopieren den Code der Aufgabe LU01.A03 in Ihr VS Editor und lassen als Funktionskontrolle das Script laufen bzw. lassen Sie sich das Ergebnis im Browser anzeigen. 
  
 +===== Aufgabe B =====
 +  - Passen Sie die Beschriftung des Buttons auf //Zeige Datum// an. 
 +  - Erweitern Sie die Aufgabe um ein weiteres Button mit der Beschriftung //Zeige Namen//, der beim Klicken Ihren Namen im Format <h2> am Monitor ausgibt. 
  
-===== Aufgabe ===== +===== Lösungen ===== 
-Richten Sie Ihren VS Editor entsprechend ein, kopieren den Code der Aufgabe LU01.A01 in Ihr VS Editor und lassen ihn laufen bzw. lassen Sie sich das Ergebnis im Browser anzeigen.  +[[modul:m288:learningunits:lu01:Lösungen:04|Lösung LU01.L04]]
- +
-Das Ergebnis sollte wie folgt aussehen: +
- +
-{{:modul:m288:learningunits:lu01:aufgaben:lu01_a03.jpg?800W3School-Aufgabe LU01.A02 im VS Studio ausgeführt.}} +
- +
- +
- +
-Richten Sie Ihre Umgebung gemäss Video +
  
 ---- ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir / Elena Mastrandrea [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir / Elena Mastrandrea
  • modul/m288/learningunits/lu01/aufgaben/04.1755264615.txt.gz
  • Zuletzt geändert: 2025/08/15 15:30
  • von vdemir