Tengo un array de objetos que es una cesta de la compra, en la cual el usuario introduce el nombre del producto, su precio y cantidad: hasta ahí todo bien. El problema que tengo es que solo saca el total de los dos primeros objetos introducidos al array, a partir del tercero lo único que imprime por pantalla es su nombre porque sus valores no los contempla, por ejemplo he puesto tres valores que tenían de valor precio_unitario=2 * cantidad=2
, todo eso repetido 3 veces debería dar como resultado el total de valor 12 no, pues solo me saca 8. Aquí dejo el código entero para que puedan verlo ustedes mismos, y en un comentario en el codigo indico donde creo que esta el problema
Aquí dejo el código del cual hablo en cuestión:
var compra = new Array();
function mercado(producto, precio_unidad, cantidad) {
this.producto = producto;
this.precio_unidad = precio_unidad;
this.cantidad = cantidad;
}
var numproductos = parseInt(prompt("Cuantos productos vas a comprar"));
for (let i = 0; i < numproductos; i++) {
var compras = comprando();
compra.push(compras);
}
console.log(compras);
function comprando() {
var comprobar;
do {
comprobar = true;
var producto = prompt("Insertar el nombre del producto que quieres comprar").toUpperCase();
compra.forEach(element => {
if (element.producto == producto) {
alert("Producto repetido");
comprobar = false;
}
});
} while (comprobar == false);
var precio_unidad = parseFloat(prompt("Precio del producto"));
var cantidad = parseInt(prompt("Cuantos productos vas a introducir en tu cesta"));
var comprar_realizada = new mercado(producto, precio_unidad, cantidad);
return comprar_realizada;
}
//aqui en esta parte de abajo es donde empieza el problema
var producto_total;
compra.forEach(element => {
document.write(element.producto + "<br>");
//Solo quita [i]
producto_total = element.cantidad * element.precio_unidad;
total = producto_total + producto_total;
console.log(producto_total);
});
document.write("El total es: " + total + "<br>");