Formulário em html,

Matemática EM

Estou tentando fazer um formulário usando HTML, CSS e JavaScript (ainda não fiz a validação de dados em JS), mas não funciona, o alert("") que coloquei no final não ocorre.

HTML:

<!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">
   
        <link type="text/css" rel="stylesheet" href="style.css">
        <script type="text/css" src="script.js"></script>

        <title>Login</title>

    </head>
   
    <body>

        <div id="container" class="container">

            <div id="titlePage" class="titlePage">
           
                <h1>Login</h1>

            </div>

            <form id="form" class="form">

                <div id="fieldOne" class="field">

                    <label for="username">Digite seu nome:</label>
                    <input type="text" id="username" class="username" name="username" placeholder="nome completo">
                    <p id="usernameError" class="Error">Preencha o campo</p>

                </div>

                <div id="fieldTwo" class="field">

                    <label for="password">Digite sua senha:</label>
                    <input type="password" id="password" class="password" name="password" placeholder="senha">
                    <p id="passwordError" class="Error">Preencha o campo</p>

                </div>

                <div id="fieldThree" class="field">

                    <label for="passwordConfirmation">Confirme a senha:</label>
                    <input type="password" id="passwordConfirmation" class="passwordConfirmation" name="passwordConfirmation" placeholder="confirme a senha">
                    <p id="passwordConfirmationError" class="Error">Senha diferente!</p>

                </div>
                   
                <button type="submit" id="submit" class="submit">Entrar</button>

            </form>

        </div>

    </body>

</html>

JavaScript:

const form = document.getElementById("form");

const username = document.getElementById("username");
const password = document.getElementById("password");
const passwordConfirmation = document.getElementById("passwordConfirmation");

form.addEventListener("submit", () => {
    alert("Olá");
})
 
Já procurei um erro no JavaScript e no HTML, mas não acho nenhum.
Foto de Renne B.
Renne perguntou há 5 meses

Sabe a resposta?

Ganhe 10 pts por resposta de qualidade
Responder dúvida
3 respostas
0
votos
Nenhum usuário votou nessa resposta como útil.
Professor Marcos T.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 5 meses

Acho que escolheu a área errada para a pergunta amigo.

Envie uma dúvida gratuitamente

Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.

0
votos
Nenhum usuário votou nessa resposta como útil.
Professor Isaac G.
Respondeu há 4 meses

Fala amigo, tudo certo?

É muito provável que o erro esteja na linha abaixo:

<script type="text/css" src="script.js"></script>
 
Executei o código no codepen e funcionou perfeitamente, o que me leva a crer que o problema esteja no diretório do arquivo. Se o arquivo script.js estiver na pasta raiz (mesma pasta do index.html) tente colocar na linha acima o seguinte diretório: "./script.js", caso contrário, coloque o diretório correto, como por exemplo: "./js/script.js"

Qualquer dúvida estou a disposição.
0
votos
Nenhum usuário votou nessa resposta como útil.
Professor Hefraim V.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 4 meses
Olha, alguns professores deram respostas concisas. Tente fazer a mesma pergunta, especificando a área como informática. Poderá encontrar um número maior de profissionais para tirarem a dúvida acima bem como outras que podem surgir.

Está precisando de Aulas Particulares?

Aqui no Profes você encontra os melhores professores particulares, presenciais ou online, para aulas de qualquer assunto!

Professores particulares de Matemática

+ Ver todos
Encontre professor particular para te ajudar nos estudos
R$ 70 / h
Marcos T.
Iguaba Grande / RJ
Marcos T.
5,0 (84 avaliações)
Horas de aulas particulares ministradas 861 horas de aula
Identidade verificada
  • CPF verificado
  • E-mail verificado
Matemática - Juros Simples e Compostos Matemática para USP Álgebra Linear I
Graduação: Engenharia Civil (UNIESP)
Mais de 2000 horas de aulas on-line ministradas. Inúmeras aprovações em concursos militares e vestibulares. Meu objetivo é seu entendimento.
R$ 55 / h
Marcos F.
Rio de Janeiro / RJ
Marcos F.
4,9 (1.329 avaliações)
Horas de aulas particulares ministradas 1.677 horas de aula
Tarefas resolvidas 1.576 tarefas resolvidas
Identidade verificada
  • CPF verificado
  • E-mail verificado
1ª hora grátis
Matemática Básica Resolução de Problemas de Matemática Geometria Plana
Graduação: Intercâmbio Internacional e Graduação Sanduíche (Miami University)
Professor de matemática, física e química com 10 anos de experiência! Vem aprender comigo!