Fallo en carrito de la compra
Publicado por xN0de (1 intervención) el 18/11/2019 09:43:55
Buenas tardes actualmente estoy desarrollando un carrito de la compra en javascript para practicar el lenguaje, en este caso estoy intentando resolver ciertos problemas que no consigo arreglar, intento añadir los productos a la cesta pero esta no hace nada se me queda en blanco y no entiendo el por qué.
Os dejo el código por si podéis echarme una mano ya que llevo un par de días investigando e intentando resolver el problema pero no hallo la solución.
Muchas gracias espero vuestra respuesta :)
Y por si os es necesario el html para que vayáis a tiro hecho con las pruebas:
Os dejo el código por si podéis echarme una mano ya que llevo un par de días investigando e intentando resolver el problema pero no hallo la solución.
Muchas gracias espero vuestra respuesta :)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
var p1 ={codigo: 91283,
nombre: "Placa base Gigabyte GA-H110M-S2H",
precio: "42,14",
};var p2 ={codigo: 128275,
nombre: "Disco duro Kingston A400 SSD 480GB",
precio: "69,12",
};var p3 ={codigo: 100309,
nombre: "Memoria RAM Corsair Vengeance LPX DDR4 3000 PC4 24000 16GB 2x8GB CL15",
precio: "45,45",
};// Array de productos
var productos = [p1,p2,p3];
// Cesta vacía
var cesta = [];
function insertarEnLaCesta(productos,cantidad)
{if (p(productos))
{productos.cantidad += cantidad;
}else
{productos.cantidad = cantidad;
}document.getElementById('cart').innerHTML = cesta.push(productos);
}// ----------------- Agrupar cantidades de un mismo producto -----------------
function estaProducto(productos)
{for (var p of productos)
{if(p.codigo == productos.codigo)
{return true;
} }return false;
}// ----------------- Contando productos -----------------
function cuentaProductos(productos)
{for (var p of productos){
if (p.length == productos){
document.getElementById('cart').innerHTML.length;
} }}function borrarProductosCarrito(productos){
cesta.splice(productos,1);
var drop = this.productos('1');
drop.parentNode.removeChild(drop);
}function calcularPrecioTotal(productos){
total = 0;for ( var p of cesta ){
var numerodeproductos = productos.filter(function(estaProducto){
return productos['id'] == p;
});
total = total + numerodeproductos[0]['precio'];
document.getElementById('precio').innerHTML = total;
}}Y por si os es necesario el html para que vayáis a tiro hecho con las pruebas:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html>
<head>
<title>UT04</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/hoja.css">
</head>
<body>
<div id="container">
<table>
<tr>
<td>
Cód.Producto
</td>
<td>Descripción</td>
<td>
Precio
</td>
<td>
Cantidad
</td>
</tr>
<tr>
<td>
91283
</td>
<td>
Placa base Gigabyte GA-H110M-S2H
</td>
<td>
42,14 €</td>
<td>
<button onclick="disminuir()">-</button>
<input type="text" size="1" name="">
<button onclick="aumentar()">+</button>
</td>
<td>
<button onclick="insertarEnLaCesta()">Añadir a la cesta</button>
</td>
</tr>
<tr>
<td>
128275
</td>
<td>
Disco duro Kingston A400 SSD 480GB
</td>
<td>
45,45€</td>
<td>
<button onclick="disminuir()">-</button>
<input type="text" size="1" name="">
<button onclick="aumentar()">+</button>
</td>
<td>
<button onclick="insertarEnLaCesta()">Añadir a la cesta</button>
</td>
</tr>
<tr>
<td>
100309
</td>
<td>
Memoria RAM Corsair Vengeance LPX DDR4 3000 PC4 24000 16GB 2x8GB CL15
</td>
<td>
69,12€</td>
<td>
<button onclick="disminuir()">-</button>
<input type="text" size="1" name="">
<button onclick="aumentar()">+</button>
</td>
<td>
<button onclick="insertarEnLaCesta()">Añadir a la cesta</button>
</td>
</tr>
</table>
<div id="second-container">
<table id="second-table">
<tr>
<td colspan="2">
Precio
</td>
</tr>
<tr>
<td id="cart" colspan="2">
Tu cesta está vacía.</td>
</tr>
<tr>
<td>
Subtotal (0 artículos):
</td>
<td id="precio">
0,00€</td>
</tr>
</table>
</div>
</div>
<!-- ///////////// Scripts \\\\\\\\\\\\\ --><script type="text/javascript" src="js/javascript.js"></script>
</body>
</html>
Valora esta pregunta
0
