Ausgabemöglichkeiten mit der Konsole

1 Erste Konsolen-Ausgabe

1. Öffnen Sie die Datei _vorlage.html in Visual Code Studio / Notepad++.
2. Speichern Sie die Datei in Ihrem Ordner unter 0_ausgabemoeiglichkeiten_alert_console.html ab.
3. Erzeugen Sie im Quellcode folgende Funktion im <script>-Bereich:

4. Erzeugen Sie einen Button mit der Bezeichnung „Ausgabe von Preis in der Konsole“ im HTML-Bereich und verknüpfen Sie den Button mit der Funktion.
5. Speichern Sie die Datei.
6. Führen Sie die Datei mit Run – Launch in Firefox aus. Automatisch wird Firefox geöffnet.
7. Drücken Sie den Button.
8. Beschreiben Sie mit Worten, was passiert:
9. Drücken Sie F12. Der Werkzeugkasten öffnet sich.
10. Wählen Sie die Konsole aus.
11. Drücken Sie den Button.
12. Beschreiben Sie mit Worten, was passiert:

2 Weitere Konsolen-Ausgaben

1. Erzeugen Sie zwei weitere Buttons mit den entsprechenden Funktionen für die Ausgabe in der Konsole und Verknüpfungen mit den folgenden Buttons:
   • Ausgabe von „Der Preis“
   • Ausgabe von „beträgt“
   • Ausgabe von „250€“

Hinweis: Es sind insgesamt drei Buttons, die Sie hier anlegen (Preis, Der Preis, beträgt, 250€).

3 Der Inspektor (Werkzeugkasten)

Untersuchen Sie den HTML-Code, indem Sie im Browser folgende Arbeitsanweisungen ausführen:

1. Drücken Sie F12. Der Werkzeugkasten öffnet sich.
2. Wählen Sie den Inspektor aus.
3. Drücken Sie den Bildschirm-Pfeil-Button.
4. Drücken Sie auf „Ausgabemöglichkeiten“ und den Button und beobachten Sie, wie im Inspektor der HTML-Code entsprechend markiert wird.