Muy buenas,
Actualmente tengo un problema para agregar elementos dinámicamente a un array haciendo uso de objetos en javascript, tengo la siguiente estructura que no me funciona muy bien que digamos:
Código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<label>Nombre de la pelicula<input type="text" id="nom_peli"></label>
<label>Año<input type="text" id="ano"></label>
<label>Director<input type="text" id="director"></label>
<label>Precio<input type="text" id="precio"></label>
<button id="guardar">Guardar</button>
</form>
<script type="text/javascript">
function Peliculas(){
this.Guardar=new Array();
}
Peliculas.prototype.Datos=function(iNomPeli,iAno,iDirector,iPrecio){
this.NomPeli=iNomPeli;
this.iAno=iAno;
this.iDirector=iDirector;
this.iPrecio=iPrecio;
}
Peliculas.prototype.mostrar=function(iNomPeli,iAno,iDirector,iPrecio){
for(i in this.Guardar){
alert("Precio " + this.Guardar[i].iPrecio);
}
}
document.getElementById('guardar').onclick=function(){
var NomPeli= document.getElementById('nom_peli').value;
var Ano=document.getElementById('ano').value;
var Director=document.getElementById('director').value;
var Precio=document.getElementById('precio').value;
var peliculas=new Peliculas();
peliculas.Guardar=[new peliculas.Datos(NomPeli,Ano,Director,Precio)];
peliculas.mostrar();
}
</script>
</body>
</html>
Prácticamente lo que se trata es que al introducir datos en un formulario HTML estos se irán cargando en un array para después mostrarlos, hay que hacer uso de objetos; constructores y herencia(prototipado).
Hay maneras más sencillas de hacerlo pero en este caso se pide algo similar a la estructura que he realizado, agradecería cualquier ayuda, idea o información que esta comunidad me pueda brindar.
Desde ya muchos saludos
