Jump to content

alguem sabe me dizer o por que que meu javascrip nao esta imprimindo dados que coloco no formulario?


Nem1Real
 Compartilhar

Postagens Recomendadas

<form class="login-form" action="register">

                <input  id="email" class="login-input" type="email" placeholder="Email ou Telefone">

                <span class="login-input-border" ></span>

                <input id="senha" class="login-input" type="password" placeholder="Senha">

                <span class="login-input-border" > </span>

                <button class="login-submit">Entrar</button>

                <a class="login-reset" href="#">Esqueceu a Senha?</a>

                <button class="login-register">Criar nova conta</button>

            </form>

<script>

const BotaoEntrar = document.querySelector(".login-submit");

BotaoEntrar.addEventListener('click', function(event){

    event.preventDefault();

})

 

const NewAccount = document.querySelector(".login-register");

NewAccount.addEventListener('click', function(event){

    event.preventDefault();

})

 

const form = document.querySelector(".login-form");


 

function ObterConta(form) {

   

 

    var conta = {

        email: form.email.textcontent,

        senha: form.senha.textcontent

    }

       return conta;

}  



 

const conta = ObterConta(form);

 

console.log(conta)


</script>

 

Link to comment
Compartilhe em outros sites

  • 2 weeks later...

Fala @Nem1Real, beleza?

 

Há dois errinhos no seu código. O primeiro é que você deveria chamar a função "ObterConta" dentro do evento de click do botão login, no formato que você fez a função "ObterConta" é executado quando o navegador acessa página do seu formulário. 

Deixando assim: 

       BotaoEntrar.addEventListener('click', function (event) {
            event.preventDefault();
            const conta = ObterConta(form);
            console.log(conta)
        })

O segundo errinho, é o fato da propriedade "textcontent" não estar pegando o valor do input, retornando undefined. Altera "textcontent" para "value" e deverá funcionar, veja o exemplo: 

function ObterConta(form) {
            var conta = {
                email: form.email.value,
                senha: form.senha.value
            }

            return conta;
}

 

Qualquer dúvida só chamar 😉

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
 Compartilhar



Sobre o Fórum

Este é um fórum para todos que fazem parte
do ecossistema de uma Software House!

Bem-vindo(a) ao fórum da Casa do Desenvolvedor, uma comunidade completa, onde desenvolvedores, software houses, profissionais de marketing, experiência e vendas, fornecedores de soluções, aficionados por inovação e tecnologia podem tirar dúvidas, compartilhar novidades e conhecimento, trocar experiências e até postar uns memes que só nós da tecnologia entendemos 😅

Crie agora sua conta e vamos juntos fortalecer
o desenvolvimento de software no Brasil! 🇧🇷

×
×
  • Create New...