Hallo, JavaScript!

Das lernst du

Mit console.log() etwas ausgeben
Variablen mit let und const anlegen
Texte mit Template-Strings zusammenbauen

JavaScript – die Sprache des Webs

Jede Webseite, die sich bewegt, auf Klicks reagiert oder Spiele im Browser anbietet, benutzt JavaScript. Es läuft in jedem Browser – auch dieser Editor hier führt deinen Code direkt aus.

Kein Verwandter von Java: Trotz des Namens hat JavaScript mit der Sprache Java fast nichts zu tun. Der Name war 1995 ein Werbetrick, weil Java gerade angesagt war.

Dein erstes Programm

In JavaScript heißt die Ausgabe console.log():

console.log("Hallo, Welt!");
console.log(7 * 6);
console.log("Ich bin", 12, "Jahre alt");

Am Ende jeder Anweisung steht meistens ein Semikolon ;. Es ist oft nicht zwingend, aber guter Stil.

Variablen: let und const

const name = "Mia";      // const: ändert sich nie
let punkte = 10;         // let: darf sich ändern
punkte = punkte + 5;
console.log(name, punkte);

const für Werte, die gleich bleiben – das ist der Normalfall.
let, wenn sich der Wert später ändern soll.

Versuch mal, name später zu ändern – JavaScript protestiert!

Texte zusammenbauen

Mit + kann man Texte verbinden. Bequemer sind Template-Strings in Backticks (`). Darin setzt ${…} Werte ein:

const tier = "Katze";
const anzahl = 3;
console.log("Ich habe " + anzahl + " " + tier + "n.");
console.log(`Ich habe ${anzahl} ${tier}n.`);
console.log(`In 5 Jahren bin ich ${12 + 5}.`);

Python-Vergleich: Template-Strings sind wie f-Strings in Python: f"Ich bin {alter}" ↔ `Ich bin ${alter}`.

Kurz-Check

Was gibt dieses Programm aus?

let x = 4;
x = x * 2 + 1;
console.log(`x ist ${x}`);

Deine Aufgabe

Jetzt bist du dran

Leg zwei Konstanten an: name mit deinem Namen und alter mit deinem Alter. Gib dann mit einem Template-String (Backticks ` ` und ${…}) genau diesen Satz aus: Ich heiße Mia und bin 12 Jahre alt.` – natürlich mit deinen Werten.

// Leg hier name und alter an

console.log("Hallo!");

Denkanstoß
Schreib zum Beispiel const name = "Mia"; und const alter = 12;
Welcher Befehl hilft?
Achte auf jedes Zeichen – auch den Punkt am Ende.
Ein Template-String steht in Backticks: `Ich heiße ${name} …`

Lückencode – ergänze die ___

                        const name = ___;
const alter = ___;
console.log(___);

Ohne Hinweise gelöst gibt es einen ⭐ auf deiner Fortschrittsseite.

Lösung anzeigen

Versuch es erst selbst – aus Fehlern lernt man am meisten. Hier ist eine mögliche Lösung:

const name = "Mia";
const alter = 12;
console.log(`Ich heiße ${name} und bin ${alter} Jahre alt.`);