Jump to content

FORMULARIO


LucasPacco

Postagens Recomendadas

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';

}

});

Link to comment
Compartilhe em outros sites

  • 3 months later...

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.

Link to comment
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora
  • Quem está online   0 Membros, 0 Anônimos, 25 Visitantes (Ver lista completa)

    • There are no registered users currently online


×
×
  • Create New...