JSFiddle - React, Tailwind, and code Playground

by thvinic

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Login Form with LocalStorage</title>
</head>
<body>
    <form id="loginForm">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username"><br>

        <label for="password">Password:</label>
        <input type="password" id="password" name="password"><br>

        <button type="submit">Login</button>
    </form>

    <script>
        const loginForm = document.getElementById("loginForm");

        loginForm.addEventListener("submit", (event) => {
            event.preventDefault();

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

            // Check if username and password are valid
            if (username === "user1" && password === "password1") {
                // Store destination URL in localStorage
                localStorage.setItem("destinationUrl", "https://www.example.com");

                // Redirect to destination URL
                window.location.href = localStorage.getItem("destinationUrl");
            } else if (username === "user2" && password === "password2") {
                // Store destination URL in localStorage
                localStorage.setItem("destinationUrl", "https://www.example2.com");

                // Redirect to destination URL
                window.location.href = localStorage.getItem("destinationUrl");
            } else {
                alert("Invalid username or password");
            }
        });
     // Armazena as informações de login no localStorage
localStorage.setItem("username", "meuUsuario");
localStorage.setItem("password", "minhaSenha");

// Verifica se as informações de login estão armazenadas no localStorage
const username = localStorage.getItem("username");
const password = localStorage.getItem("password");

// Faz o login automaticamente se as informações de login estiverem armazenadas no localStorage
if...