Javascript: Felder zusammenzählen

Pikachu · 22 März 2009

Hai,
wie kann ich es hinbekomme, Zahlen zusammenzählen zu lassen die man in Textfelder eingibt?
Könnte mir das jemand erklären oder einen Link geben wo es idiotensicher beschrieben steht?

Mein Quelltext sieht bis jetzt folgendermaßen aus:

<html>
<head>
<title></title>
</head>
<body>

<script type="text/javascript">

</script>

<form name="t" action="">

<table>
<tr><td width="85"><td width="50">FHR<td width="50">FCR</td></tr>
</table>

<table border="black">
<tr><td width="85">Feld1<td width="50"><td width="50"><input name="hm" size="4" maxlength="3" type="text"><td><input name="hm" size="4" maxlength="3" type="text"></td></tr>
<td>Feld2<td><input name="hm" size="4" maxlength="3" type="text"><td><input name="hm" size="4" maxlength="3" type="text"></td></tr>
</table>

<input name="hm" value="Reset all" onclick="reseting()" type="button">

</body>
</html>

Daydreamer8183 · 23 März 2009

Also um das vorweg zu nehmen: ich bin kein Javascript-Experte

.
Hab hier mal nen Link gefunden, der dein Problem ziemlich genau treffen sollte: Klick mich, bin ein Link
Weiter unten gehts dann zum interessanteren Bsp.: Ich bin das Bsp.

Hier noch der Quellcode:

<html>
<head>
<title>Summe zweier ganzzahliger Werte</title>
<style type="text/css">
#ausgabebereich
{
border: 1px black solid;
padding: 10px;
background-color: #FFFFA0;
}
</style>

<script language="JavaScript">

// Globale Variablen
var x, y;

// Ein-/Ausgabe-Funktionen
function input()
{
x=parseInt(document.eingabeformular.textbox1.value);
y=parseInt(document.eingabeformular.textbox2.value);
}

// gibt eine Zeichenreihe x aus
function print(x)
{
var ausgabefeld = document.getElementById("ausgabebereich");
ausgabefeld.removeChild(ausgabefeld.lastChild);
ausgabefeld.appendChild(document.createTextNode(x));
}

function output()
{
print("Die Summe der eingegebenen Zahlen ist " + (x+y));
}

</script>
</head>

<body>
Geben Sie zwei ganze Zahlen ein:
<form name="eingabeformular">
Eingabe: <input type="text" name="textbox1" size="10" value="5"> <input type="text" name="textbox2" size="10" value="7">

<p><input type="button" value=" OK " onClick="input();output();"></p>
</form>

<div id="ausgabebereich"> </div>

</body>
</html>

Das ist zwar jetzt kein 100%ig fertiger Code für dich, aber die Funktionalität müsste so stimmen.

lg
Daydreamer

Pikachu · 23 März 2009

Aaah danke sehr, das hilft mir schon mal einen großen Schritt weiter.

Javascript: Felder zusammenzählen

Pikachu

Diablo-Veteran

Daydreamer8183

Mitglied

Pikachu

Diablo-Veteran