El inconveniente que tengo que de inicio debo de des-habilitar los botones de arriba y abajo, y que no realiza ninguna función, hasta que se de click en el botón de inicio y habilite los botones y realize las funciones que ya tiene, el problema es que no debo de cambiar las etiquetas (a) por unas etiquetas (button) y como ya le di unas funciones de click a cada botón no me deja realizar ya que buscando vi que para des-habilitarlas es con .bind()
pero igualmente realiza la función que ya le había dado en el código.
No se tiene que cambiar de etiqueta a (button).
HTML
<a class='btn-up'><span class='triangle-up'></span></a>
<a class='btn-down'><span class='triangle-down'></span></a>
JQUERY
$(".btn-up").bind("click",false);
$(".btn-down").bind("click",false);
$("#btniniciar").on("click", function(){
$("#btniniciar").hide();
$("#btnreiniciar").show();
$("#masaInputID").prop("disabled",false);
$("#masaInputID").css("color","white");
casos(masa);
updateM(masa);
});
/*BOTON ABAJO*/
var decreaseMasa = document.getElementsByClassName('btn-down')[0];
decreaseMasa.onclick = function() {
masa = Math.round(masaInput.value);
masa = masa - 100;
if(masa <= 100){
masa = 100;
}
casos(masa);
updateM(masa);
};
/*BOTON ARRIBA*/
var increaseMasa = document.getElementsByClassName('btn-up')[0];
increaseMasa.onclick = function() {
masa = Math.round(masaInput.value);
masa = masa + 100;
if(masa >= 500){
masa = 500;
}
casos(masa);
updateM(masa);
};