Struppi: Rechnen mit JavaScript

Beitrag lesen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Texcal</title>

<script type="text/javascript">
<!--
   function calcLine()
   {
     document.getElementById("z13").value =
     eval(document.getElementById("z11").value) +
     eval(document.getElementById("z12").value);

eval ist evil!

Es ist hier überhaupt nicht nötig und erschwert das debugging, macht das Programm langsam und kann zu Abstürzen führen.

Ich würd das Formular anders aufbauen:
<form>
<input type="text" size="10" name="a" onChange="calcLine(this.form);">
<input type="text" size="10" name="b" onChange="calcLine(this.form);">
<input type="text" size="10" name="c" ><br />

<input type="text" size="10" name="a" onChange="calcLine(this.form);">
<input type="text" size="10" name="b" onChange="calcLine(this.form);">
<input type="text" size="10" name="c" ><br />

</form>

function calcLine(form)
{
for(var i = 0; i < form.a.length; i++)
form.c[i].value = parseFloat(form.a[i].value) + parseFloat(form.b[i].value);
}

Struppi.