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.
<!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>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á");})