Так что же я делаю не так?
для каждой строки отдельную функцию что ли писать?
Подскажите плиз
function addIt() {
a=0.115;
b=0.200;
c=0.315;
d=0.530;
var value1 = parseFloat(document.getElementById("inputA").value.replace(/,/, '.')) || 0;
// <---
// <---
document.getElementById("outputA").value = value1*a;
document.getElementById("outputA").value = parseFloat(value1*a).toFixed(2);
document.getElementById("outputB").value = value1*b;
document.getElementById("outputB").value = parseFloat(value1*b).toFixed(2);
document.getElementById("outputC").value = value1*c;
document.getElementById("outputC").value = parseFloat(value1*c).toFixed(2);
document.getElementById("outputD").value = value1*d;
document.getElementById("outputD").value = parseFloat(value1*d).toFixed(2);
}
// -->
<h4>Объем воды в различных трубопроводах</h4>
Трубопровод металлопластиковый
<table border="1" class="forms">
<tr>
<td><strong>Диаметр трубопровода</strong></td>
<td><strong>Метраж (м.)</strong></td>
<td><strong>Объем (л.)</strong></td>
</tr>
<td><strong>16</strong></td>
<td>
<input type="text" name="inputA" id="inputA" value="0" size="10" onKeyUp="addIt(1);"/>
</td>
<td>
<input type="text" name="outputA" id="outputA" size="8" />
</td>
</tr>
<tr>
<td><strong>20</strong></td>
<td>
<input type="text" name="inputB" id="inputB" value="0" size="10" onKeyUp="addIt(2);"/>
</td>
<td>
<input type="text" name="outputB" id="outputB" size="8" />
</td>
</tr>
<tr>
<td><strong>26</strong></td>
<td>
<input type="text" name="inputC" id="inputC" value="0" size="10" onKeyUp="addIt();"/>
</td>
<td>
<input type="text" name="outputC" id="outputC" size="8" />
</td>
</tr>
<tr>
<td><strong>32</strong></td>
<td>
<input type="text" name="inputD" id="inputD" value="0" size="10" onKeyUp="addIt();"/>
</td>
<td>
<input type="text" name="outputD" id="outputD" size="8" />
</td>
</tr>
</table>