Gostaria de saber porque o if não cai como verdadeiro, sendo que coloquei na variavel chamando querySelectorAll, pegando todas as classes do formulário conforme mostro no código abaixo.
Coloquei um console.log só para ter certeza que tá realmente chamando as classes, e realmente está chamando sim!
A variavel "campoEmbranco" tá chamando todos os input do html, todas são classes. E a variavel "avisoDePreenchimento" é um paragrafo para sinalizar o usuário que não foi preenchido.
A ideia é o seguinte, se o usuário deixou um campo em branco, a frase dele deve cair no if sinalizando "Faltando preencher os campos em Branco" O problema é que não está indo pro if vai direto pro else, aparecendo o sweetalert e direcionando para página de login, conforme o código.
let campoEmBranco = document.querySelectorAll(".form-control");
console.log(campoEmBranco);
let avisoDePreenchimento = document.querySelector(".my-1010");
document.querySelector(".btn-primary").addEventListener('click', () => {
if(campoEmBranco.value == ""){
avisoDePreenchimento.innerHTML=("Faltando preencher os campos em Branco")
}else{
document.querySelector('.needs-validation').addEventListener("submit", function(event){
event.preventDefault();
});
Swal.fire({
position: 'center',
icon: 'success',
title: 'Dados cadastrados',
showConfirmButton: false,
timer: 2000
})
// função para redirecionar para página de login depois que cair no falso (else)
setTimeout(() => {
window.location.href = 'login.html'
}, 3000)
}
})