0
234
VistasDeshabilitar y habilitar el botón para mayores o menores de 18 años Javascript
Soy nuevo en JavaScript.
Luché por encontrar la solución del botón de habilitar y deshabilitar usando la declaración if de menores y mayores de 18 años, el primer clic en el botón de voto estaba habilitado cuando inserté el número 10 en el cuadro de texto, luego el botón de deshabilitar está atascado y no puedo cambiar para habilitar después de cambiar el número de más 18 años
//age verification if(Age < 18) { document.getElementById('age').style.borderColor='#e52213'; document.getElementById("Btn").disabled = true; } if(Age > 18) { document.getElementById("Btn").disabled = disabled; }Verifique la imagen del botón de votar atascado en la página web a continuación:
2 Respuestas
Responde la pregunta0
Puede asignar false al atributo disabled . Además, tal como está su código, puede omitir la condición simplemente usando el bloque else .
Manifestación:
var ageEl = document.getElementById('age'); manageBtn(ageEl); ageEl.addEventListener('input', function(){manageBtn(ageEl);}); function manageBtn(el){ var age = ageEl.value; if(age < 18){ document.getElementById('age').style.borderColor='#e52213'; document.getElementById("Btn").disabled = true; } else{ document.getElementById('age').style.borderColor=''; document.getElementById("Btn").disabled = false; } } <input type="number" id="age"> <button id ="Btn">My Button</button>0
La propiedad disabled es un valor booleano, por lo que algo así como
btn = document.getElementById("Btn") if(Age <= 18) { document.getElementById('age').style.borderColor='#e52213'; btn.disabled = true; } else if(Age > 18) { btn.disabled = false; }también un par de otras cosas, debe usar else if en lugar de otro if para que no verifique algo que ya sabe que es falso,
use <= para el caso en que la edad sea 18
y también probablemente sea mejor guardar el btn en una variable para que no obtenga el elemento dos veces.