Tengo un botón con una var que comienza con 0 y cuando haces clic en otro botón aumenta a 1. Pero si haces clic primero en el segundo botón, la var se vuelve negativa. El botón está deshabilitado al principio, pero cuando aumenta a 1, el botón debe estar habilitado.
Cuando se carga la página, el botón está deshabilitado, pero cuando la var va a 1, el botón aún está deshabilitado. Probé: if(var == 0){document.getElementById("button1").disabled = true; return false;}
Puedes hacer algo como en el siguiente fragmento:
Puede usar cualquier etiqueta en lugar de
inputcomodivspanh1... lo que desee y el estilo según sus necesidades.
Lo que deberá cambiar será cambiar.valuea.innerHTMLen todas partes como este (1 ejemplo):
var units = document.getElementsByClassName("unitsMain")[0].innerHTML
function decreaseUnits() { var units = document.getElementsByClassName("unitsMain")[0].value if (units > 0) { units--; document.getElementsByClassName("unitsMain")[0].value = units; } } function increaseUnits() { var units = document.getElementsByClassName("unitsMain")[0].value units++; document.getElementsByClassName("unitsMain")[0].value = units; } <button class="decOrderUnits" onclick="decreaseUnits()"><i class="fa fa-minus"></i>-</button> <input class="unitsMain" value="0" maxlength="3"> <button class="incOrderUnits" onclick="increaseUnits()"><i class="fa fa-plus"></i>+</button>