×
Ir ao conteúdo
  • Cadastre-se

Matheus Prestes

Membro Júnior
  • Total de itens

    4
  • Cadastrado em

  • Última visita

  • Qualificações

    0%
  1. Ola pessoal, eu tenho que fazer uma simples API com essas especificações, so que eu não estou conseguindo por mais simples que seja, como eu poderia fazer usando o Ajax com jQuery? seria simplesmente dois input no html, um com o nome e outro com o email, e o botao pra enviar e fazer o que esta na imagem a baixo...
  2. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <div> <button onclick="resetCounter()">Reset</button> <center><h3 id="counter-label">0</h3></center> </div> <form> <button type="button" class="btn glyphicon glyphicon-plus" onclick="mostrar(this);incrementClick()"> Save</button> <button type="button" class="btn glyphicon glyphicon-plus" onclick="mostrar(this);incrementClick()"> Save</button> <button type="button" class="btn glyphicon glyphicon-plus" onclick="mostrar(this);incrementClick()"> Save</button> </form> var counterVal = 0; function incrementClick() { updateDisplay(++counterVal); } function updateDisplay(val) { document.getElementById("counter-label").innerHTML = val; } function resetCounter() { counterVal = 0; updateDisplay(counterVal); } function mostrar(e) { if (e.classList.contains("glyphicon-plus")) { //se tem olho aberto e.classList.remove("glyphicon-plus"); //remove classe olho aberto e.classList.add("glyphicon-minus"); //coloca classe olho fechado e.innerText = " Saved" } else { e.classList.remove("glyphicon-minus"); //remove classe olho fechado e.classList.add("glyphicon-plus"); //coloca classe olho aberto e.innerText = " Save" } } Pessoal, como eu faço pra contar somente um numero ao clicar no botão? Por exemplo cliquei no botao, ele contou 1 la no contador, quando eu clico novamente nesse botão eu queria que ele voltasse para 0, meio que foi um decremento entende, entao clicou no botao conta 1, clicou novamente no botao tira 1, mais ou menos isso
  3. @Rui Guilherme Valeeeu man, perfeito, era isso mesmo que eu queria, agora so vou terminar de estilizar esse botao, e como eu faria pra deixar esse icone do lado direto do texto?
  4. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <form method="POST"> <button type="button" class="btn glyphicon glyphicon-plus" onclick="mostrar(this)"> save </button> </form> <script> function mostrar(e) { if (e.classList.contains("glyphicon-plus")) { //se tem olho aberto e.classList.remove("glyphicon-plus"); //remove classe olho aberto e.classList.add("glyphicon-minus"); //coloca classe olho fechado } else { e.classList.remove("glyphicon-minus"); //remove classe olho fechado e.classList.add("glyphicon-plus"); //coloca classe olho aberto } } </script> Poderiam me ajudar? Queria entender como eu faço pra fazer um botao que mude de texto e icone igual o das duas fotos, eu tentei fazer um codigo mas so consegui mudar o icone, pdoeriam me ajudar por favor?

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Curso de Hacker Ético

LANÇAMENTO!

CLIQUE AQUI E CONFIRA!

* Este curso não é ministrado pela equipe do Clube do Hardware.