Hola. Estoy haciendo una pequeña aplicación en js que consiste en introducir un numero y sacar la tabla de multiplicar de ese numero.
De momento solo llevo esto .
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/javascript">
function tablamulti () {
//con document.getElementById obtenemos el dato necesario
// y se lo pasamos a la variable
var num = document.getElementById('numero').value;
var tabla = '<table><tr><td>1</td><td>x</td>'
+'<td>'+num+'</td><td> =</td><td>'+num+'</td></tr></table>'+'<br>' ;
document.getElementById('numerof').innerHTML = num;
//document.getElementById('tablas').innerHTML = tabla;
for (x = 1; x < 10; x++)
{
document.getElementById('tablas').innerHTML = tabla;
}
}
</script>
</head>
<body bgcolor = 'green' >
<br>
<br>
<br>
<font size=6> Tabla de Multiplicar del</font> <font size=6 id='numerof'> </font>
<br>
<br>
<br>
<input type="button" onclick="tablamulti()" value="Introduzca el numero" />
<input type='text' id='numero' value=' ...' />
<br>
<br>
<br>
<font id='tablas'> hola</font>
</body>
</html>
Donde puedo introducir el numero y mostrarlo sin problema, pero cuando quiero que me imprima las 10 tablas no lo hace, solo imprime una.
Código Javascript
:
Ver originalfor (x = 1; x < 10; x++)
{
document.getElementById('tablas').innerHTML = tabla;
}
el for con que trabajo es este y no veo nada raro en él . no se donde puede estar el problema .