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

[Nem1Real]

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

 

[carlosscheffer]

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 😉