const controle = document.querySelector("[data-controle]")
controle.forEach( (elemento) => {
elemento.addEventListener('click', (evento) => {
manipulaDados(evento.target.textContent, evento.target.parentNode)
})
})
function manipulaDados(operacao, controle) {
const peca = controle.querySelector("[data-contador]")
if(operacao === "-") {
peca.value = parseInt(peca.value) - 1
} else {
peca.value = parseInt(peca.value) + 1
}
}
Olá, Danilo!
Pelo que pude perceber, o problema está no fato de que você está tentando utilizar o método forEach em um elemento do DOM, que não é um array.
Para resolver esse problema, você pode utilizar o método querySelectorAll ao invés de querySelector. Dessa forma, você terá uma NodeList que pode ser iterada com o forEach.
O código ficaria assim:
const controles = document.querySelectorAll("[data-controle]")
controles.forEach( (elemento) => {
elemento.addEventListener('click', (evento) => {
manipulaDados(evento.target.textContent, evento.target.parentNode)
})
})Espero ter ajudado e bons estudos!
Deu certo uma parte, porem os outros não estão funcionando apenas o braços