Hola, estoy probando este código. La idea es crear casillas y luego eliminarlas desde la ultima hasta la primera. basicamente para aprender sobre el DOM.
El código crea los TEXT pero el boton REMUEVE no hace nada, alguien sabe porque?
Código HTML:
<title>nada</title>
<script language="javascript1.4" type="text/javascript">
function potencia(){
var a = document.getElementById("calculo");
if (a){
alert("el valor de a.base.value es :"+a.getElementsByTagName("input")[0].value);
alert("el valor de a.elevado.value es :"+a.getElementsByTagName("input")[1].value);
alert("el valor de a.resultado.value es :"+a.getElementsByTagName("input")[2].value);
if (base=a.getElementsByTagName("input")[0].value) {
var nuevoInput= document.createElement("input");
nuevoInput.type= "text"; nuevoInput.value= base; nuevoInput.name= "nuevo";
// creando Elemento dentro de CALCULO!
a.appendChild(nuevoInput);
alert("hecho!!!");
}
} else
alert("no pasa nada");
}
function quita(){
var a= document.getElementById("calculo");
alert("entre!!");
var inputs= a.getElementsByTagName("input");
var largo= inputs.length-1;
alert("el largo es: ".largo);
var aborrar= a.getElementsByTagName("input")[largo];
a.removeChild(aborrar);
alert("hecho!!");
}
</script>
</head>
<body>
<form id="calculo" name="calculo">
Numero: <input type="text" name="base" />
Potencia: <input type="text" name="elevado" />
Resultado: <input type="text" name"resultado" />
<input type="button" name="poten" value="Calcular Potencia" onclick="potencia()" />
<input type="button" name="quita" value="Remueve" onclick="quita()" />
</form>
</body>
</html>