Hola tengo una duda que no logro resolver sucede que eh creado una pequeña aplicacion web donde tengo divido el header y footer. En el footer cargo todos los scripts. Entonces el problema es que para la pagina 1 eh creado este codigo javascript:
const btnRecovery = document.getElementById('btnRecovery');
const inputRecovery = document.getElementById('input-recovery--pass');
btnRecovery.disabled = true;
function activateBtn(value) {
if (inputRecovery.value.length >=4) {
btnRecovery.disabled = false;
btnRecovery.classList.remove('disabled');
}else{
btnRecovery.disabled = true;
}
}
no hace mas que desactivar un boton hasta que se llene el input estos ya tienen un id especificado.
El problema es que al estar en la pagina 2 me muestra el siguiente error en consola:
Uncaught TypeError: Cannot set properties of null (setting 'disabled')
revisando el error hace referencia al codigo javascript que use para la pagina 1.
Pero como mencione todo el codigo javascript lo coloco en el footer.php por lo que en todas las paginas se cargan el mismo codigo y por lo tanto muestra el mismo problema.
¿Entonces como podría hacer para evitar estos avisos en consola?. Realmente no entiendo como solucionar esto.
btnRecovery
esnull
; entonces lo que te dice la consola es que a una variable con valornull
no se le puede aplicar la propiedad:setting 'disabled'