Zum Inhalt springen
Web Development

Binde JavaScript-Datei ein

Lege eine separate JavaScript-Datei an, zum Beispiel script.js, und verknüpfe sie mit der HTML-Datei, indem du den <script>-Tag am Ende des <body>-Bereichs der HTML-Datei platzierst:

<script src="script.js"></script>

Probiere, ob die Einbindung der JavaScript-Datei funktioniert hat, indem du beispielsweise folgende Befehle eingibst.

alert('Hello World');

Der JavaScript-Befehl alert('Hello World') erzeugt ein Dialogfeld mit dem angegebenen Textinhalt.

  • alert ist eine integrierte JavaScript-Funktion, die einen einfachen Pop-up-Dialog mit einer Meldung anzeigt.
  • 'Hello World' ist der Text, der im Dialogfeld angezeigt werden soll. In diesem Fall wird der Text “Hello World” angezeigt.

Wenn du diesen Code ausführst, wird ein Dialogfeld mit der Meldung “Hello World” angezeigt. Dies ist eine einfache Möglichkeit, eine Benachrichtigung oder eine kurze Nachricht an den Benutzer zu übermitteln.

Es ist wichtig zu beachten, dass alert() ein modales Dialogfeld ist, das den Benutzer zum Klicken auf “OK” auffordert, bevor er fortfahren kann. Dies kann in bestimmten Fällen störend sein und wird oft für Debugging-Zwecke oder Demonstrationszwecke verwendet, anstatt für produktive Anwendungen.

Nun entferne alert('Hello World') aus deiner JavaScript-Datei und schreib stattdessen folgenden Code:

console.log('Hello World');

Der JavaScript-Befehl console.log('Hello World') gibt eine Nachricht oder Informationen in der Entwicklerkonsole des Browsers aus. Diese findest du z.B. in Microsoft Edge in Einstellungen → Weitere Tools → Entwicklungstools.

  • console.log ist eine integrierte JavaScript-Methode, die es ermöglicht, Nachrichten, Variablenwerte oder andere Informationen in der Konsole anzuzeigen.
  • 'Hello World' ist die Nachricht oder der Inhalt, der in der Konsole ausgegeben werden soll. In diesem Fall wird der Text “Hello World” ausgegeben.

Wenn du diesen Code ausführst, wird die Nachricht “Hello World” in der Entwicklerkonsole des Browsers angezeigt. Die Entwicklerkonsole ist ein nützliches Entwicklungs- und Debugging-Tool, das es dir ermöglicht, Informationen über den Verlauf der Ausführung deines JavaScript-Codes zu erhalten.

console.log ist ein leistungsfähiges Mittel zur Fehlersuche. Es kann verwendet werden, um den Wert von Variablen während der Ausführung zu überprüfen, Funktionen oder Ereignisse zu kontrollieren und allgemeine Informationen zur Fehlerbehebung bereitzustellen. Die Ausgabe in der Konsole kann dabei helfen, Programmierfehler zu identifizieren und die Funktionsweise deines Codes besser zu verstehen.

Das kannst du hier lernen

  • JavaScript-Grundlagen: Nimm dir etwas Zeit, um Variablen, Datentypen und Operatoren in JavaScript zu verstehen.