LU01.A04 - Visual Studio Code für HTML einrichten

• Sozialform: individual
• Hilfsmittel:
  • VS Code Editor
  • W3School/js/ersteSchritte
• 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.

In der Aufgabe LU01.A03 - Erste Schritte haben Sie Ihr JavaScript direkt in der W3School-Tesumgebung in einem HTML-File eingebettet und ausgeführt. In der vorliegenden Aufgabe geht es darum dies in unserem Visual Studio Codeeditor zu tun. Im nachfolgenden Video wird gezeigt, wie Sie Ihr VS Studio Editor für HTML-Files vorbereiten können, sodass Sie den Code bearbeiten, und das Resultat dann im Browser ansehen können.

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.

1. Passen Sie die Beschriftung des Buttons auf Zeige Datum an.
2. Erweitern Sie die Aufgabe um ein weiteres Button mit der Beschriftung Zeige Namen, der beim Klicken Ihren Namen im Format <h2> am Monitor ausgibt.

Lösung LU01.L04

Volkan Demir / Elena Mastrandrea