Tengo el siguiente código, pero falla algo, al dar al botón de guardar se guardan los datos en un array de objetos, y al visualizarlos da un error, sin embargo funciona:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script>
var vector = new Array();
var contador =parseInt(0);
function PC(micro, velocidad, sistema) {
this.micro = micro;
this.velocidad = velocidad;
this.sistema = sistema;
this.verOrdenador = verOrdenador;
alert("this.micro= " + this.micro);
}
function mostrar() {
alert("estoy aquí");
alert("vetor.length vale: "+vector.length);
for ( var f = 0; f <= vector.length; f++) {
//document.write(vector[f].verOrdenador());
vector[f].verOrdenador(vector[f]);
alert("vector[f].micro vale: "+vector[f].micro);
document.write('<br>');
}
}
function verOrdenador() {
document.write("Micro: " + this.micro + "<br>Velocidad: " + this.velocidad + "<br>Sistema: " + this.sistema);
}
function guardar() {
//Si pones la siguiente linea, lo que haces es machacar la pagina, creandole un nuevo contenido
//document.write("He llegado hasta aquí");
//Usa siempre alert en lugar de document.write
alert("document.formu.micro.value: " + document.formu.micro.value);
var n = document.formu.micro.value;
var v = document.formu.velocidad.value;
var s = document.formu.sistema.value;
vector[contador] = new PC(n, v, s);
alert("vector[contador].micro: " + vector[contador].micro);
alert("contador vale: "+contador);
contador++;
}
</script>
</head>
<body>
<FORM name="formu">
<fieldset>
<legend>Equipos informáticos</legend>
<LABEL for="micro">Micro: </LABEL>
<INPUT type="text" id="micro" name="micro"><BR>
<LABEL for="velocidad">Velocidad:</LABEL>
<INPUT type="text" id="velocidad" name="velocidad"><BR>
<LABEL for="sistema">Sistema: </LABEL>
<INPUT type="text" id="sistema" name="sistema"><BR>
</fieldset>
<INPUT type="reset">
<INPUT type="button" value="crear pc" onclick="guardar()">
<INPUT type="button" value="muestra listado" onclick="mostrar()">
</FORM>
</body>
</html>
