Buenas, tengo este código que genera una tabla con unos inputs y lo que quiero hacer es escribir valores en los input llamados suma y que los sume los input llamados jugador pero me he atascado y me da un valor nulo y no tengo ni idea de porqué puede ser...
Gracias
Código HTML:
<head>
<script language="Javascript">
function generartabla()
{
var i,n,j,p;
n=prompt("Inserte número de jugadores (máximo 8)");
p=100/n;
if (n<9){
//Genero los jugadores
document.write("<tr style='height:20%;'>");
for (i=1;i<=n;i++)
{
j=prompt("Escriba el nombre del jugador "+i );
document.write("<th style='width:"+p+"%; text-align:center'>"+j+"</th>");
}
document.write("</tr>")
//Genero los marcadores
document.write("<tr>");
for (i=1;i<=n;i++)
{
document.write("<td><center><input style='text-align:center;' name='jugador"+i+"' size='5' type='text' value='0' id='jugador"+i+"' /></center></td>");
}
document.write("</tr>")
//Genero un separador
document.write("<tr style='height:50px;'><td colspan='"+n+"' style='text-align:center'>Introduce las puntuaciones de la ronda actual y pulsa actualizar</td></tr>");
//Genero la entrada de puntuación
document.write("<tr>");
for (i=1;i<=n;i++)
{
document.write("<td><center><input style='text-align:center;' value='' name='suma"+i+"' size='5' type='text' id='suma"+i+"' /></center></td>");
}
document.write("</tr>")
//Botón Actualizar
document.write("<tr><td colspan='"+n+"'><center><input name='actualizar' type='button' onclick='sumar(jugador1)' value='actualizar' /></center></td></tr>");
}
else {
document.write("<h4>Error, máximo 8 jugadores</h4> Comienza de nuevo");
}
return 0;
}
</script>
<script language="Javascript">
function sumar(j1)
{
var i,n;
for (i=1;i<=8;i++)
{
eval( 'jugador'+i+'= document.getElementById("jugador"+i).value');
eval( 'suma'+i+'= document.getElementById("suma"+i).value');
valoractual = (parseInt("jugador"+i)+parseInt("suma"+i));
document.getElementById("jugador"+i).value=valoractual;
}
}
</script>
</head>
<body>
<table style=" width:100%; height:100%">
<script language="javascript">
generartabla();
</script>
</table>
</body>