2
respostas

duvida sobre a aba força

Meu codigo esta igual do Pedro...mas na pagina na aba força, esta dando NaN..

const controle = document.querySelectorAll("[data-controle]");
const estatistica = document.querySelectorAll("[data-estatistica]");
const pecas = {
  "bracos": {
      "forca": 29,
      "poder": 35,
      "energia": -21,
      "velocidade": -5
  },
  "blindagem": {
      "forca": 41,
      "poder": 20,
      "energia": 0,
      "velocidade": -20
  },
  "nucleos":{
      "forca": 0,
      "poder": 7,
      "energia": 48,
      "velocidade": -24
  },
  "pernas":{
      "forca": 27,
      "poder": 21,
      "energia": -32,
      "velocidade": 42
  },
  "foguetes":{
      "forca": 0,
      "poder": 28,
      "energia": 0,
      "velocidade": -2
  }
}

controle.forEach( (elemento) => {
  elemento.addEventListener("click", (evento) => {
    manipulaDados(evento.target.dataset.controle, evento.target.parentNode);
    atualizaEstatistica(evento.target.dataset.peca, evento.target.dataset.controle);
  })
})

function manipulaDados(operacao, controle) {
  const peca = controle.querySelector("[data-contador]");

  if(operacao == "-") {
      peca.value = parseInt(peca.value) - 1;
  } else if(operacao == "+") {
      peca.value = parseInt(peca.value) + 1;
  }
}

function atualizaEstatistica(peca, operacao) {
  if(operacao === "+") {
    estatistica.forEach( (elemento) => {
      elemento.textContent = parseInt(elemento.textContent) + pecas[peca][elemento.dataset.estatistica];
    })
  } 
}
2 respostas

atualizaEstatistica(evento.target.dataset.peca, evento.target.dataset.controle);

Cara eu resolvi isso com essa linha aqui: atualizaEstatistica(evento.target.dataset.pecas)

acredito eu que é o mesmo problema que eu estava tendo, ao invés de peca, coloquei pecas e deu certo tenta ai.

Valew mano...mas não é isso não...