[ Foro de Javascript ]

conseguir total de la compra

05-Dec-2019 06:39
matt more
0 Respuestas

hola, no puedo conseguir el total de la compra. alguien sabe por que

este es el codigo. Lo que me está fallando es en la funcion agregar,  acum +=  tarots[mazos].Precio me suma por cada clic 850  , necesito que me sume el precio del div al que le hago clic . La variable en la que intento guardar el total es en acum. Gracias

var tarots = {};
c = console.log;

tarots = {
   argentino : {
       Nombre: 'Tarot Argentino',
       Descripción: 'xxx',
       Precio: 750,
       Imagen: 'img/arcanosargentinos.jpg'
   },
   elgrantarotesoterico : {
       Nombre: 'El gran tarot esotérico',
       Descripción: 'xxx',
       Precio: 870,
       Imagen: 'img/elgrantarotesoterico.jpg'
   },
   magicaldogs : {
       Nombre: 'Magical Dogs Tarot',
       Descripción: 'xxx',
       Precio: 830,
       Imagen: 'img/magicaldogstarot.jpg'
   },
    rider: {
       Nombre: 'Original Rider Waite',
       Descripción: 'xxx',
       Precio: 940,
       Imagen: 'img/originalriderwaiteset.jpg'
   },
   grandluxe:{
       Nombre: 'Tarot Grand Luxe',
       Descripción: 'xxx',
       Precio: 920,
       Imagen: 'img/tarotgrandluxe.jpg'
   },
   santisimamuerte: {
       Nombre: 'Tarot Santisima Muerte',
       Descripción: 'xxx',
       Precio: 850,
       Imagen: 'img/tarotsantisimamuerte-.jpg'
   }
   
}

var d = document;
var cont = 0, acum=0;

var productos = d.getElementById('primero').parentNode;
console.log(productos);

var div = d.getElementById('productos').children;
console.log(div);

while (productos.hasChildNodes()) {  
 productos.removeChild(productos.firstChild);
}
console.log(productos);


for (var mazos in tarots){
       var div = d.createElement('div');
       /*div.style.backgroundColor = 'red'; */
       /* div.style.width = '200px';
       div.style.height =' 100px';*/
       productos.appendChild(div);
   
       var imagen = d.createElement('img');
       
       
       imagen.src = tarots[mazos].Imagen;
     
      div.appendChild(imagen);
       
       var div2 = d.createElement('div');
       div.appendChild(div2);
   
       
       var h3 = d.createElement('h3');
       h3.className = 'block';
       h3.innerHTML = tarots[mazos].Nombre;
       div2.appendChild(h3);
   
       
       p1 = d.createElement('p');
       p1.className ='price';
       p1.innerHTML = tarots[mazos].Precio;
       div2.appendChild(p1);
   
       
       var boton = d.createElement('button');
       boton.innerHTML = 'Agregar';
       boton.onclick = function (){
           agregar()
       }
       div2.appendChild(boton);  
     
}



function agregar () {
   cont++;
   acum +=  tarots[mazos].Precio;
   
   document.querySelector('header div p span').innerHTML= cont;
   
   document.querySelector('header div').getElementsByTagName('p')[1].getElementsByTagName('span')[0].innerHTML= acum;




(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)