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

Rahmenbedingungen

Ausgangslage

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.

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

  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ösungen

Lösung LU01.L04


Volkan Demir / Elena Mastrandrea