JavaScript ist eine leistungsstarke Skriptsprache, die im Browser ausgeführt wird und es ermöglicht, den Inhalt und das Verhalten der Webseite zu steuern. Vergleicht man es mit einem Haus, übernimmt JavaScript die Funktionalität des Hauses, einschließlich Elemente wie Elektrik, Sanitär, Hausautomation und Zentralheizung – im Grunde alles, was Funktionalität bereitstellt.

So können wir JavaScript in das HTML-Dokument einbinden:

Inline-JavaScript

Wir können JavaScript direkt im HTML-Dokument mit dem <script>-Tag einfügen. Diese Methode eignet sich für das Hinzufügen von schnellen, einmaligen Skripten.

Beispiel:

Bitte klicken Sie auf die Click Me-Schaltfläche unten.

Externes JavaScript

Für größere oder wiederverwendbare Skripte empfiehlt es sich, Ihr JavaScript in eine separate Datei auszulagern und diese mit der HTML-Seite zu verknüpfen.

Beispiel

Bitte stellen Sie sicher, dass Sie alle drei Dateien im bereitgestellten Beispiel überprüfen.

JavaScript-Grundlagen

JavaScript ermöglicht es, Webseiten mit Interaktivität und dynamischem Verhalten auszustatten. Nachfolgend einige grundlegende Konzepte:

Variablen

Zur Speicherung von Daten verwendet.

let age = 30;
const name = "Peter";

Funktionen

Wiederverwendbare Codeblöcke.

function greet() {
  alert('Hello, World!');
}

DOM-Manipulation

Ermöglicht JavaScript, den Seiteninhalt zu verändern.

document.getElementById('myElement').innerHTML = 'New Content';

Bedingte Anweisungen

Ausführung unterschiedlicher Codeabschnitte basierend auf Bedingungen.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Video-Tutorial