Textfeld auslesen

In diesem Beispiel werden zwei Textfelder und ein Button angelegt. Die Werte innerhalb der Textfelder werden mittels JavaScript ausgelesen und miteinander multipliziert. Das Ergebnis wird in einem alert-Fenster ausgegeben.

[jsfiddle url=“https://jsfiddle.net/h2hmjytj/14/“]

Anleitung

HTML

  • Formular mit name-Attribut vergeben: <form name="formular>...</form>
  • 2 Textfelder erstellen: <input type="text" name="zahl1" />
  • 1 Button erstellen: <button type="button" onclick="rechnen()">Berechnen</button>

JavaScript

  • Funktion anlegen: function rechnen(){...}
  • Variablen anlegen, Werte aus den Textfeldern auslesen: zahl1 = document.formular.zahl1.value;
  • Variable für Ergebnis anlegen, berechnen: ergebnis = zahl1 * zahl2;
  • Ergebnis ausgeben: alert(ergebnis);