Forumlarfeldwerte zusammenrechen

K

kames

Grünschnabel
Hallo,

erstmal " ICH HABE KEINE AHNUNG VONJAVA".

Ich würde aber gern in einen Formular rechnen. Heisst

erstes input Feld z.B. 1 eingeben
zweites input Feld 2 eingeben.

im dritten Feld sollte nun der wert aus Feld 1 und 2 zusammengezogen werden.
Ohne Button sonder glaube ich onBlur.

Danke für die INFOS
 
Vorweg: Du benötigst für JavaScript keine Kenntnisse von Java.

Zu deinem Anliegen: Folgendes wäre möglich:
Code: 
function calculate() {
	var a = document.getElementById("a").value;
	var b = document.getElementById("b").value;
	var c = document.getElementById("c").value;
	c = a + b;
}
HTML: 
<input type="text" id="a" onchange="calculate()">+<input type="text" id="b" onchange="calculate()">=<input type="text" id="c">
 
Danke das ging schnell. Ich glaub das haut hin.

Oder doch nicht ? Hier wie ich es gemacht habe ....


<HTML>
<HEAD>
<script
language="JavaScript">
function calculate() {
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
var c = document.getElementById("c").value;
c = a + b;
}
</script>

</HEAD>
<BODY>
<input type="text" id="a" onchange="calculate()">+<input type="text" id="b" onchange="calculate()">=<input type="text" id="c">
</BODY>
</HTML>
 
Zuletzt bearbeitet:
Zu Gumbos Beispiel wäre noch anzumerken, dass du die Werte vorher z.B. per Number() in Zahlen konvertieren solltest.

Werte aus Formularfeldern sind prinzipiell vom Typ "String", und da in JS der Operator für Addition identisch ist mit dem für Zeichenkettenverknüpfung, würdest du dort nicht addieren, sondern die Zahlen zu einem String zusammenfügen.
 
Sorry aber NULL AHNUNG... Warum geht das so nicht....


<HTML>
<HEAD>
<script
language="JavaScript">
function calculate() {
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
var c = document.getElementById("c").value;
c = a + b;
}
</script>

</HEAD>
<BODY>
<input type="text" id="a" onchange="calculate()">+<input type="text" id="b" onchange="calculate()">=<input type="text" id="c">
</BODY>
</HTML>
 
Code: 
function calculate() {
var a = Number(document.getElementById("a").value);
var b = Number(document.getElementById("b").value);
document.getElementById("c").value=a+b;

}
</script>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück