Hallo zusammen,
ich bin was das Programmieren angeht ein Neuling und versuche mich aktuell an einer Tabelle mit aufeinander aufbauenden Ergebnissen.
Die erste Rechnung (=Zeile 1 im Browser) funktioniert noch wie vorgesehen.
In der zweiten Zeile möchte ich nun das Ergebnis der ersten Berechnung wieder aufgreifen und weiter verwenden.
Das funktioniert leider nicht wie vorgesehen. Ich habe bereits einige Zeit recherchiert, konnte jedoch meinen Fehler nicht finden.
Ich vermute, dass in der zweiten Funktion mit "var P1SC1 = document.getElementById("P1FC1").value;" das Ergebnis der ersten Funktion nicht korrekt aufgreift.
Wo liegt mein Fehler?
Vielen Dank im Voraus.
Sascha
---------------------------------------------------------------------------------------------------------------------------------------------
ich bin was das Programmieren angeht ein Neuling und versuche mich aktuell an einer Tabelle mit aufeinander aufbauenden Ergebnissen.
Die erste Rechnung (=Zeile 1 im Browser) funktioniert noch wie vorgesehen.
In der zweiten Zeile möchte ich nun das Ergebnis der ersten Berechnung wieder aufgreifen und weiter verwenden.
Das funktioniert leider nicht wie vorgesehen. Ich habe bereits einige Zeit recherchiert, konnte jedoch meinen Fehler nicht finden.
Ich vermute, dass in der zweiten Funktion mit "var P1SC1 = document.getElementById("P1FC1").value;" das Ergebnis der ersten Funktion nicht korrekt aufgreift.
Wo liegt mein Fehler?
Vielen Dank im Voraus.
Sascha
---------------------------------------------------------------------------------------------------------------------------------------------
HTML:
<!DOCTYPE html>
<html>
<style>
th {
background-color: #666;
color: #fff;
}
tr {
background-color: #fffbf0;
color: #000;
}
tr:nth-child(odd) {
background-color: #e4ebf2 ;
}
td {
text-align: center
}
table {
width:50%
}
</style>
<head>
<title>Test javascript</title>
<script>
function Calc1 () {
var P1FC1 = document.getElementById("P1FC1").value;
var P1SC1 = document.getElementById("P1SC1");
var P1RE1 = document.getElementById("P1RE1").value;
if (P1RE1=="OK") {
var P1FC1 = 0 + 20 + P1FC1 * 10;
} else {
var P1FC1 = P1RE1 * 10;
}
P1SC1.innerHTML = P1FC1;
}
function Calc2 () {
var P1SC1 = document.getElementById("P1FC1").value;
var P1FC2 = document.getElementById("P1FC2").value;
var P1SC2 = document.getElementById("P1SC2");
var P1RE2 = document.getElementById("P1RE2").value;
if (P1RE2=="OK") {
var P1FC2 = P1SC1 + P1FC2 * 10 + 20;
} else {
var P1FC2 = P1SC1 + P1RE2 * 10;
}
P1SC2.innerHTML = P1FC2;
}
</script>
</head>
<body>
<div>
<h1 id="title"> Beispiel</h1>
Tabelle:
<p></p>
<table>
<thead>
<tr>
<th></th>
<th>Name 1</th>
<th>RE</th>
<th>FC</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td id="P1SC1" type ="number"></td><td><select type="number" id="P1RE1" onchange="Calc1 ()"><option>OK</option><option>-1</option></select></td>
<td><select id="P1FC1" size="1"><option>-</option><option>0</option><option>1</option></select>
</tr>
<tr>
<td>2</td>
<td id="P1SC2" type ="number"></td><td><select id="P1RE2" onchange="Calc2 ()"><option>OK</option><option>-1</option><option>-2</option></select></td>
<td><select id="P1FC2" size="1"><option>-</option><option>0</option><option>1</option><option>2</option></select>
</tr>
<tr>
<td>3</td>
<td id="P1SC3" type ="number"></td><td><select id="P1RE3" onchange="Calc3 ()"><option>OK</option><option>-1</option><option>-2</option><option>-3</option></select></td>
<td><select id="P1FC3" size="1"><option>-</option><option>0</option><option>1</option><option>2</option><option>3</option></select>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
</body>
</html>