mx:<input id="mx" type="text" value="10" readonly /><br />
x: <input id="x" type="text" value="50" readonly /><br />
<input id="cmdMas" type="button" value="Incrementar" />
<input id="cmdMenos" type="button" value="Decrementar" />
<script>
document.getElementById('cmdMas').addEventListener('click',calcularMas); document.getElementById('cmdMenos').addEventListener('click',calcularMenos);
function calcularMas(e){ mx = parseInt(document.getElementById('mx').value); x = parseInt(document.getElementById('x').value); if(e.target.id=='cmdMas'){ mx++;
x+=5;
} else if(e.target.id=='cmdMenos'){ mx--;
x-=5;
}
document.getElementById('mx').value = mx; document.getElementById('x').value = x; }
function calcularMenos(e){ mx = parseInt(document.getElementById('mx').value); x = parseInt(document.getElementById('x').value); mxTmp = mx;
if(e.target.id=='cmdMas'){ mx++;
} else if(e.target.id=='cmdMenos'){ mx--;
}
if( mxTmp<mx ){ x+=5;
}else{ x-=5;
}
document.getElementById('mx').value = mx; document.getElementById('x').value = x; }
</script>