Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Bug] ERRO Aula 04 - Montando o robô

Referente ao curso JavaScript: manipulando o DOM

por Estudante
| 147k xp | 53 posts

Boa Tarde!

Gostaria de saber o que aconteceu para sumir o contador?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade 

const subtrair = document.querySelector("#subtrair")
const somar = document.querySelector("#somar")
const braco = document.querySelector("#braco")

const controle = document.querySelectorAll(".controle-ajuste")

controle.forEach( (elemento) => {
     elemento.addEventListener("click", (evento) => {
         manipulaDados(evento.target.textContent)
     })
})

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

     if(operacao === "-") {
        peca.value = parseInt(peca.value)-1
     }else{
        peca.value = parseInt(peca.value) + 1
     }
}
3 respostas
solução!
por Renan Lima
| 3485.6k xp | 7361 posts
Alura Scuba Team Apoio Educacional - Alura

Olá!

Pelo código que você compartilhou, parece que o problema está no parâmetro "controle" que está faltando na função "manipulaDados". Tente adicionar o parâmetro "controle" na função e passá-lo como argumento na chamada da função "manipulaDados" no evento de clique.

Ficaria assim:

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

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

controle.forEach( (elemento) => {
     elemento.addEventListener("click", (evento) => {
         manipulaDados(evento.target.textContent, elemento)
     })
})

Espero ter ajudado e bons estudos!

por Estudante
| 147k xp | 53 posts

Não funcionou.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por Estudante
| 147k xp | 53 posts

Foi problema do HTML