[ Foro de Javascript ]

conseguir total de la compra

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;