FORMULARIO

[LucasPacco]

Estou criando um formulário para validar o valor de A e B, caso A seja maior que B ocorre uma mensagem de erro, essa mensagem está correta, mais caso B que fosse maior que A daria uma mensagem de sucesso, porém quando coloco no formulário o valor maior de B, nada acontece, estou mandando o código JS por escrito e tbm o link do github se alguém puder ajudar aonde estou errado por favor 

https://github.com/PaccoLucas/Exercicio_HTML_JS

 

const form = document.getElementById('form-comparacao');

let formEValido = false;

 

form.addEventListener('submit', function(e){

    e.preventDefault();

 

const numeroA = parseFloat (document.getElementById('numero-a').value);

const numeroB = parseFloat (document.getElementById('numero-b').value);

const mensagemSucesso = `Sucesso o numero B é maior que o numero A`;

const mensagemErro = `Erro o numero A tem que ser menor que o numero B`;

 

function comparaNumero(numeroA, numeroB){

    return numeroB > numeroA;

}

 

formEValido = comparaNumero(numeroA, numeroB);

if (formEValido) {

const containerMensagemSucesso = document.querySelector('.success-message');

containerMensagemSucesso.innerHTML = mensagemSucesso;

containerMensagemSucesso.style.display = 'block';

 

} else {

    const containerMensagemErro = document.querySelector('.error-message');

    containerMensagemErro.innerHTML = mensagemErro;

    containerMensagemErro.style.display = 'block';

}

});

[vinicius vini]

Mano, verifica se na estrutura do HTML o nome dos container que recebe as messages esta com as class corretas, testei seu código aqui criando os elementos com os mesmo nome que vc deu, e funcionou tudo certinho, seu código do js ta funcionando, verifica os elementos do html.