Index.html

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="css/login.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Cod'Ring - Connexion</title>
    </head>
    <body>
        
        <header>
            <img id="logo" src="../images/logo_sonnette.png" alt="Logo">
            <div class="darkModeContainer">
                <label class="switch">
                    <input type="checkbox" id="darkModeCheckbox">
                    <span class="slider"></span>
                </label>
                <p>Dark mode</p>
            </div>
        </header>

        <div class="formContainer">
            <form>
                <h2>Connectez-vous</h2>
                <input type="email" id="email" required placeholder="Email">
                <input id="password" type="password" required placeholder="Mot de passe">
                <div class="showPasswordContainer">
                    <input class="checkbox" type="checkbox" id="checkbox" onclick="showPasswords()">
                    <label for="checkbox">Montrer le mot de passe</label>
                </div>
                <button onclick="checkIfUserExist()">Connexion</button>
                <p>Vous n'avez pas de compte ? <a href="html/register.html">S'inscrire</a></p>
            </form>
        </div>
    </body>

    <script src="js/login.js"></script>
    <script src="js/darkMode.js"></script>

</html>