problema con variables dinamicas

ialvaro · #1 (**permalink**) 21/12/2013, 22:14

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>

bathorz · #2 (**permalink**) 22/12/2013, 11:20

Prueba así:

Código Javascript:

Ver original<script>
   function sumar() {
      var i, jug, sum;
      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;
         jug = parseInt(eval('jugador' + i + '= document.getElementById("jugador"+i).value'));
         sum = parseInt(eval('suma' + i + '= document.getElementById("suma"+i).value'));
         document.getElementById("jugador" + i).value = (eval("jug+sum"));
      }
   }
</script>