HTML und mehr

Eingabe

Nun soll man mit seinem Namen begrüßt werden.
Dazu muss man diesen Namen zuerst eingeben.

Der Befehl für die Eingabe eines Textes in einem Fenster heißt:

prompt("Hier steht eine Frage.");

Beispiel:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Eingabe</title>
</head>
<body>
   <script>
        prompt("Wie heißt du?");
    </script>
</body>
</html>

Im Browser sieht das Ergebnis so aus:

Download: js-eingabe1.html

Jetzt wäre es noch schön, wenn wir mit dem eingegebenen Namen begrüßt werden würden 🙂
Dazu packen wir unsere Abfrage in die alert-Funktion und ergänzen mit einem Pluszeichen unseren Begrüßungstext in Anführungsstrichen.

alert(prompt("Wie heißt du?") + ", willkommen zum JavaScript-Kurs!");

Nach der Eingabe des Namens Alex, sieht das Begrüßungsfenster so aus:

Download: js-eingabe2.html


Weiter