Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

event.preventDefault nao funciona!

Estou fazendo uma pagina de login para um trabalho da escola e no meu javascript o event.preventDefault deixei o codigo aqui em abaixo, o html e o js. Faco isso em javascript diariamente, nao o porque desta vez nao funciounou!! me ajudem pf HMTL

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="stylesheet" href="assets/css/css-login/login.css">
</head>
<body>
    <header class="header">
        <h1 class="header-tit">Avaliaçoês de Ofício</h1>
    </header>
    <div class="geral">
        <div class="geral-tit"><h1 class="tit">Login</h1></div>
        <hr class="hr">
        <div class="inputs">
            <label for="usuario" class="label" id="primeiro-label">CPF/CNPJ</label>
            <input type="text" name="usuario" class="input" required id="cpf">
            <label for="senha" class="label">Senha</label>
            <input type="password" name="senha" class="input" placeholder="**********" required id="senha">
            <input type="submit" value="Entrar" class="input" id="submit">
            <a href="#" class="link-esqueci"><h2>Esqueci minha senha</h2></a>
        </div>
    </div>
    <footer class="footer">
        <img src="assets/img/logo.png" alt="logo">
        <p>Desenvolvido por Bernardo Afonso Nascimento Silva&reg;</p>
        <img src="assets/img/logo.png" alt="logo">
    </footer>

</body>
</html>

JavaScript

//pegando o submit
var pegsubmit = document.querySelector("#submit");
//adicionando um escutador de evento
pegsubmit.addEventListener("click", function(event){
event.preventDefault;
var peginputs = document.querySelector("#inputs");
console.log(peginputs);

var pegusuario = peginputs.querySelector("#usuario");
console.log(pegusuario);
var pegsenha = peginputs.querySelector("#senha");
console.log(pegsenha);
var usuario = pegusuario.value;
var senha = pegsenha.value;
console.log(usuario);
console.log(senha);
});
2 respostas
solução!

Oi, Bernardo, tudo bem?

Você apenas esqueceu os parênteses! Deveria ser event.preventDefault();, já que é uma função que queremos executar. Se não colocar os parênteses, realmente não acontecerá nada.

Espero ter ajudado! Abraços e bons estudos :)

Obrigado Antonio!