Eingabefelder

Es wäre toll, wenn man etwas eingeben könnte und mit dieser Eingabe etwas geschieht.

Hierzu gibt es Eingabefelder, die mit der HTML - Syntax <input type = "text"> oder <input type = "number"> erzeugt werden.

In der Regel bekommen diese Eingabefelder eine ID, um sie ansprechen zu können.

Zum Beispiel: <input type = "text" id = "eingabe" >



Auf die Eingabe kann man dann in Javascript zugreifen. Das geschieht mit folgender Syntax

wert = document.getElementById("eingabe").value; In die Variable wert wird der Wert des Eingabefeldes mit der ID eingabe eingelesen.


Jetzt haben wir immer noch das Problem, dass nach der Eingabe nichts passiert. Entweder wir fügen nun einen Button ein, mit dem wir die Abfrage des Inhalts des Eingabefeldes herbeiführen.

Oder wir lassen den Wert des Eingabefeldes an Javascript übergeben, indem wir auf das Eingabefeld drücken.

In beiden Fällen wird die Funktion eingabeabfragen aufgerufen.



Aufgaben

1. Füge ein Eingabefeld ein. Dessen Wert soll an eine Funktion übergeben werden. Der Wert des Eingabefeldes soll in einem Pop - up - Fenster angezeigt werden.

2. Man soll seinen Namen eingeben können. Durch Drücken der Returntaste oder eines Buttons erscheint ein Pop - up - Fenster mit dem Text "Hallo [Dein Name]".