Usar javascript en una tabla php

[buybetter]

Hola foreros perdón se esto va en javascript y no aqui.
Necesito hacer calcular un valor automatico desde 2 inputs para rellenar otro input con el resultado.

Código Javascript:

<script language="javascript">
            function promedio_a()
            {
                var promedio_1q = document.getElementById('promedio_1q').value;
                var promedio_2q = document.getElementById('promedio_2q').value;
        
                var sum = parseFloat(promedio_1q) + parseFloat(promedio_2q);
                document.getElementById('promedio_a').value = parseFloat(sum).toFixed(2);
            }
        </script>
 

Los datos los saco de aqui:

Código PHP:

print ("<TD style='padding: 0; width: 160px;'><center><input type='number' placeholder='0 - 10' step='0.01' min='0' max='10' id='promedio_1q' name='promedio_1q[".$resultado['codigo']."][".$resultado['nombre_materia']."]' value='$p1q' onChange='promedio_a()' style='text-align: center; line-height: 22px; margin: 0;'></center></TD>\n");
print ("<TD style='padding: 0; width: 160px;'><center><input type='number' placeholder='0 - 10' step='0.01' min='0' max='10' id='promedio_2q' name='promedio_2q[".$resultado['codigo']."][".$resultado['nombre_materia']."]' value='$p2q' onChange='promedio_a()' style='text-align: center; line-height: 22px; margin: 0;'></center></TD>\n");
if($pf < 7){
print ("<TD style='padding: 0; width: 160px;'><center><input type='number' placeholder='0 - 10' step='0.01' min='0' max='10' id='promedio_a' name='promedio_a[".$resultado['codigo']."][".$resultado['nombre_materia']."]' value='$pf' style='text-align: center; line-height: 22px; margin: 0; color:#FFF; background: #F00;'></center></TD>\n");
}else{
print ("<TD style='padding: 0; width: 160px;'><center><input type='number' placeholder='0 - 10' step='0.01' min='0' max='10' id='promedio_a' name='promedio_a[".$resultado['codigo']."][".$resultado['nombre_materia']."]' value='$pf' style='text-align: center; line-height: 22px; margin: 0;'></center></TD>\n");
}
 

Pero no logro hacerlo funcionar.

[Triby]

Tema movido desde PHP a Javascript.

[maycolalvarez]

debes de usar un ciclo para recorrer el total de los inputs, hay varias formas y como lo tienes puedes desde PHP establecer el tope en js:

var tope = <?=7?> //OJO se supone que 7 es el total, pero en tu php debes de tener alguna forma no hardcore de establecerlo

y entonces en JS haces un for normal que use al tope como parada, concatenando el ID de los inputs con el incrementador