Quero alterar valor do botão sempre com -1, sem mostrar alerta.
Segue código:
<button onclick="alert(this.value);this.value -= 1;" value="200">200</button>
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeQuero alterar valor do botão sempre com -1, sem mostrar alerta.
Segue código:
<button onclick="alert(this.value);this.value -= 1;" value="200">200</button>
Para que o alerta não apareça, basta retirar a chamada de alert()
.
Já para atualizar o texto do botão (que não é o mesmo que o atributo value
), você deve atualizar também a propriedade innerHTML
:
function diminuiValor(botao) {
// diminui o "value"
botao.value -= 1;
// atualiza o texto do botão para ser o mesmo que o value
botao.innerHTML = botao.value;
}
<button onclick="diminuiValor(this);" value="200">200</button>
Ou, de forma mais direta (sem criar uma function
):
<button onclick="this.value -= 1; this.innerHTML = this.value;" value="200">200</button>
Resumindo, this.value -= 1
diminui o valor que foi definido no atributo value="200"
, enquanto o innerHTML
atualiza o texto do botão. Nos exemplos acima estou assumindo que você quer mudar ambos (pois é o que faz mais sentido pra mim).
Veja o exemplo que você quer:
$("#id_do_botao").click(function() {
var valor = this.value -= 1;
$(this).text(valor);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="id_do_botao" value="200">200</button>