Rechnen in HTML/Javascript

Master1892Fan · 9 Dezember 2012

Hallo, ich habe ein Problem beim Berechnen in HTML. Ich würde gerne ein Ergebnis berechnen, das sich, beim drücken eines Aktualisierungsbuttons, von selbst berechnet, wenn man die Menge ändert.

Kann vielleicht jemand über meinen HTML-Code drüber schauen? Ich schreibe in 2 Tagen eine Klausur.
Vielen Dank für eure Hilfe.

Code:

[B][FONT=Verdana][SIZE=1][COLOR=#000020]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Rechnen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function rechne() {
var i1,i2,z1,z2,ergneu;
i1=document.bestellung.einzelpreis.value;
i2=document.bestellung.menge.value.;
z1=parseFloat(i1);
z2=parseFloat(i2);
ergneu=z1*z2;
document.bestellung.erg.value.=ergneu;
}[/COLOR][/SIZE][/FONT][/B]

[B][FONT=Verdana][SIZE=1][COLOR=#000020]</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">[/COLOR][/SIZE][/FONT][/B]
[B][FONT=Verdana][SIZE=1][COLOR=#000020]
<form action="" name="bestellung">
Einzelpreis <input type="text" name"einzelpreis" value="25">*
Menge<input type="text" name="menge" value="1">=
<input type="text" name="ergneu" value="25"><br>
<button type="button" onclick="rechne ()">Aktualisieren</button>

</form>
</body>

</html>[/COLOR][/SIZE][/FONT][/B]

Tronjer · 9 Dezember 2012

Dann nutze die beiden Tage zum lernen.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Rechnen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<form action="" id="bestellung">
    <input type="text" id="einzelpreis" value="25">
    <input type="text" id="menge" value="1">
    <input type="text" id="ergneu" value="25"><br>
    <button type="button" onclick="rechne()">Aktualisieren</button>
</form>
<script type="text/javascript">
    function rechne() {
        var i1, i2, z1, z2, ergneu;
        i1 = document.getElementById("einzelpreis").value;
        i2 = document.getElementById("menge").value;
        z1 = parseFloat(i1);
        z2 = parseFloat(i2);
        i2 = document.getElementById("ergneu").value = z1 * z2;
    }
</script>
</body>
</html>

Die Namen für die <input> Felder schreibt man auch nicht einfach in den Text. Dafür gibt es das <label> Tag. Das habe ich dir dann als Hausaufgabe gelassen.

Rechnen in HTML/Javascript

Master1892Fan

Neues Mitglied

Tronjer

Senior HTML'ler

Neueste Beiträge