Incrementar e decrementar um valor
HTML
<a href="#" onclick="decrementaValor(0); return false;">-</a>
<input name="resultado" id="resultado" value="0">
<a href="#" onclick="incrementaValor(10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000);return false;">+</a>
CSS
a{
text-decoration: none;
font-size: 20px;
font-weight: bold;
padding: 10px;
}
input{
text-align: center;
width: 50px;
}
JavaScript
function incrementaValor(valorMaximo){
var value = parseInt(document.getElementById('resultado').value,10);
value = isNaN(value) ? 0 : value;
if(value >= valorMaximo) {
value = valorMaximo;
}else{
value++;
}
document.getElementById('resultado').value = value;
}
function decrementaValor(valorMinimo){
var value = parseInt(document.getElementById('resultado').value,10);
value = isNaN(value) ? 0 : value;
if(value <= valorMinimo) {
value = 0;
}else{
value--;
}
document.getElementById('resultado').value = value;
}