var d = document;
var c = console.log;
var products = d.getElementById ("products");
c (products);
var prod = [
{
Nombre: "Velador Americano",
Precio: 300,
Imagen: "items/velador_1.jpg",
Descripción: "Velador estilo Americano"
},
{
Nombre: "Velador Circular",
Precio: 350,
Imagen: "items/velador_2.jpg",
Descripción: "Velador estilo Circular"
},
{
Nombre: "Velador de Cobre",
Precio: 250,
Imagen: "items/velador_3.jpg",
Descripción: "Velador estilo de Cobre"
},
{
Nombre: "Velador de Cristal",
Precio: 400,
Imagen: "items/velador_4.jpg",
Descripción: "Velador estilo Cristal"
}
]
c (prod, prod[0].Price);
counter = 0;
accumulator = 0;
c (counter);
for (var i = 0; i <prod.length; i ++) {
var div = d.createElement ("div");
products.appendChild (div);
var img = d.createElement ("img");
div.appendChild (img);
img.src = prod[i].Image;
img.alt = prod[i].First name;
var div2 = d.createElement ("div");
var h3 = d.createElement ("h3")
h3.innerHTML = prod[i].First name;
div.appendChild (div2);
div2.appendChild (h3);
c (div2);
var p = d.createElement ("p");
var span = d.createElement ("span");
p.innerHTML = "Price:";
div2.appendChild (p);
span.innerHTML = "$" + prod[i].Price;
var prec = prod[i].Price;
c (prec);
p.appendChild (span);
var button = d.createElement ("button");
button.innerHTML = "Add";
div2.appendChild (button);
button.onclick = Button
}
Function Button () {
counter ++;
p3.innerHTML = "Total to pay $" + accumulator;
p2.innerHTML = "Elements added" + "" + counter;
c (counter);
}
c (counter);
var header = d.querySelector ("header");
var div3 = d.createElement ("div");
header.appendChild (div3);
var p2 = d.createElement ("p");
div3.appendChild (p2);
p2.innerHTML = "Items added 0";
var p3 = d.createElement ("p");
div3.appendChild (p3);
p3.innerHTML = "Total to pay $ 0";
var but2 = d.createElement ("button")
but2.innerHTML = "Add";
div3.appendChild (but2);