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

[Bug] O contador não armazena o valor

Referente ao curso JavaScript: manipulando o DOM, no capítulo Montando uma peça e atividade Alterando um item na página

por Brenda Bragança
| 93.3k xp | 43 posts

Quando eu clico no "+" do braço aparece o numero 1 depois de 1 segundo volta para o numero "0" . (a página recarrega logo depois) . . JS

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

somar.addEventListener("click", (evento) => { braco.value = parseInt(braco.value) + 1});

. . HTML

 <label for="" class="peca-titulo">Braços</label>
                        <div class="controle">
                            <button class="controle-ajuste" id="subtrair">-</button>
                            <input type="text" class="controle-contador" value="00" id="braco">
                            <button class="controle-ajuste" id="somar">+</button>
                        </div>
3 respostas
solução!
por Renan Lima
| 3735k xp | 7909 posts
Alura Scuba Team Apoio Educacional - Alura

Olá Brenda,

Pelo que entendi, olhando esse código, o problema é que o valor do contador não está sendo armazenado após o clique no botão "+" do braço. Isso ocorre porque a página está sendo recarregada logo em seguida.

Para resolver esse problema, você pode utilizar o método preventDefault() do objeto evento. Esse método previne o comportamento padrão do elemento. No seu caso, previne que a página seja recarregada após o clique no botão "+".

Altere o seu código JavaScript para o seguinte:

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

somar.addEventListener("click", (evento) => { 
    evento.preventDefault();
    braco.value = parseInt(braco.value) + 1
});

Dessa forma, o valor do contador será armazenado e não será perdido após o clique no botão "+".

Espero ter ajudado e bons estudos!

por Brenda Bragança
| 93.3k xp | 43 posts

Agora está funcionando certinho. Obrigada (:

por Renan Lima
| 3735k xp | 7909 posts
Alura Scuba Team Apoio Educacional - Alura

Que bom que funcionou. Valeu o retorno :)