Como adicionar +1 em um botão a cada clique

Pablo Felipe · Janeiro 6, 2016

Nunca entrei em fóruns, nem sei se é assim que faz kkk. Mas preciso de uma grande ajuda;

Estou programando em html. NO site haverá um botão e no topo uma quantia. como faço para que a cada clique neste botão seja acrescido um valor pré definido para aquele botão?

Tipo: 1000

Botão vale: 200

clicou: 1200

clicou e novo: 1400

e assim por diante.

POr favor, se alguém puder ajudar agradeço muito, ate por que to aprendendo html e fazem só 3 dias. Muito obrigado,

lowys · Janeiro 6, 2016

Olá!

HTML é linguagem de marcação de texto. Como pode ser visto aqui: http://www.w3schools.com/html/html_intro.asp

O que você quer fazer, pode ser resolvido:

client-side com javascript

ou server-side com php.

Segue sugestão de solução com javascript:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Botão Adicionar</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>1000</div>
        <a href="#200">+200</a><br>
        <a href="#300">+300</a><br>
        <a href="#100">-100</a><br>
        <script type="text/javascript">
            document.addEventListener('click', function (e) {
                if (e.target.tagName == 'A') {
                    $a = parseInt(e.target.innerText);
                    $div = document.getElementsByTagName('div')[0];
                    $div.innerHTML = parseInt($div.innerText) + $a;
                } else {
                    console.log(e.target.tagName);
                }
            });
        </script>
    </body>
</html>

Entrar

Como adicionar +1 em um botão a cada clique

Pergunta

Pablo Felipe

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

lowys

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades