Zurück: Variablen

Chrome Developer Tools / Firebug

Browser

Chrome

In Chrome entweder

F12
Strg-Shift-I
Rechte Maustaste “Element untersuchen”
über das Menü

öffnet eine unverzichtbare Übersicht über die man verschiedene Werkzeuge erreicht. Die beiden wichtigsten für diese Aufgaben sind “Elemente” und “Konsole”.

Firefox

In Firefox muss zuerst das AddOn Firebug installiert werden. Dieses kann dann über das Käfer-Icon aktiviert werden.

Werkzeuge

Elemente

Zeigt den Quellcode (HTML) an, den der Browser gerade anzeigt. Hier kann die Struktur des HTML untersucht und verändert werden.

Konsole

Hier kann JavaScript ausgeführt werden. Variablen wie vorhin beschrieben können jetzt erstellt werden. Probier’ folgendes aus:

1 var kontaktName = 'Alice';

Die Variable “kontaktName” ist jetzt mit dem Wert “Alice” deklariert. Den Wert kann man jetzt abfragen indem man einfach den Variablennamen eintippt und Enter drückt.

1 kontaktName

Übung

Probiere selbst Variablen zu deklarieren. Gehe auf ein leeres Browserfenster und öffne die Konsole. Erstelle dort eine Zeichenkette, eine Variable mit einer ganzen Zahl, ein Array und ein Objekt.

Prüfe ob die Variablen den korrekten Inhalt haben. In der Konsole kannst du auch nur einzelne Elemente von Arrays abfragen. Oder eine einzelne Eigenschaft eines Objekts.

Weiter: Funktionen