Carrito de compra -javascript ayudaa!!
Publicado por azdine (1 intervención) el 17/10/2014 15:34:36
Buenas,
Soy nuevo en esto, estoy haciendo un carrito de compra, pero no consigo que me funcione el boton de añadir un producto a la cesta o eliminarlo de la misma.
Este es mi codigo Javascript y el html tambien para que lo vean. Gracias!!
Javascript:
HTML:
Soy nuevo en esto, estoy haciendo un carrito de compra, pero no consigo que me funcione el boton de añadir un producto a la cesta o eliminarlo de la misma.
Este es mi codigo Javascript y el html tambien para que lo vean. Gracias!!
Javascript:
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
var horaActual
var arrayProductos;
var fech = new Date();
var horaApertura = ("08:00:00");
var horaCierre = "22:00:00";
var estadoTienda;
var cantidad=1;function hora(){
var fecha = new Date();
horaActual=document.getElementById("horaActual");
horaActual.innerHTML= fecha.toLocaleTimeString();
horaActual.innerHTML+=" <tr><td>Hora apertura :"+horaApertura+"</td> </tr><tr><td> Hora de cierre: "+horaCierre+"</td><td>Estaddo de la tienda : "+estadoTienda+"</td></tr><td> </td></tr>";
setTimeout('hora()',1000);
}function inicio(){
estadoTienda();
hora();
producto();
}function estadoTienda(){
if(fech.toLocaleTimeString()>horaApertura&&fech.toLocaleTimeString()<horaCierre){
estadoTienda="Abierta";
}else{
estadoTienda="Cerrada";
}}function Producto(idProducto, nombreProducto, stock, precio){
this.idProducto= idProducto;
this.nombreProducto = nombreProducto;
this.stock = stock;
this.precio = precio;
}function producto(){
var fifa15 = new Producto("0", "Fifa15", 2, 50);
var callDuty = new Producto("1","Call Of Duty",5,64)
var prototype3 = new Producto("2","Prototype3",4,15)
var assesinsCreed = new Producto("3","Assessins Creed Rogue",2,69)
var farCry4 = new Producto("4","FARCRY4",10,24)
arrayProductos = [fifa15, callDuty, prototype3, assesinsCreed, farCry4];
for (i = 0; i < arrayProductos.length; i++) {
document.getElementById("tablaProductos").innerHTML+="<tr><td>"+arrayProductos[i].nombreProducto+"</td> <td>"+arrayProductos[i].stock+"</td> <td>"+arrayProductos[i].precio+"</td><td><input type='button' onclick='anadir("+i+")' size='50' name='btnAnadir'></input></td></tr>";
}}function anadir(i){
if(estadoTienda=="Abierta"){
var arrayCesta;
arrayCesta=[i];
for (p = 0; p < arrayCesta.length; p++) {
document.getElementById("prueba").innerHTML+=arrayCesta[p];
arrayProductos[i].stock=arrayProductos[i].stock-1;
document.getElementById("cesta").innerHTML+="<tr><td>"+arrayProductos[i].nombreProducto+"</td> <td id='stock'>"+arrayProductos[i].stock+"</td> <td>"+arrayProductos[i].precio+"</td><td><input type='button' onclick=quitarDeCesta("+i+")' size='50' value='Eliminar'></input></td></tr>";
}}else{
alert("No puedes comprar ahora, la tienda está cerrada");
}}function quitarDeCesta(i){
document.getElementById("cesta").innerHTML+="";
}HTML:
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
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="javascript.js"></script>
<link rel="stylesheet" href="estilos.css" type="text/css" title="actual" />
</head>
<body onload="inicio()">
<div class="headBar">
<img src="images.jpeg" align="center">
</div>
<div class ="horaActual">
<table id="horaActual">
</table>
</div>
<div id="products" class="productos">
<table id="tablaProductos" class="tabla">
<tr>
<td>Producto</td>
<td>Cantidad</td>
<td>Precio</td>
<td class="anadirC"></td>
</tr>
</table>
<table align="center" border="2" id="cesta" class="cesta">
<tr>
<td>Producto</td>
<td>Cantidad cesta</td>
<td>Precio unitario</td>
<td>Precio total</td>
<td></td>
</tr>
</table>
<div id="prueba"></div>
</div>
</body>
</html>
Valora esta pregunta
0