Simple JavaScript Login Form

Benutzer

Create a JavaScript code for a simple login form

Just Code

// HTML structure of the login form
const loginFormHTML = `
    <form id="loginForm">
        <label for="username">Username:</label><br>
        <input type="text" id="username" name="username" required><br>
        <label for="password">Password:</label><br>
        <input type="password" id="password" name="password" required><br><br>
        <input type="submit" value="Login">
    </form>
`;

// Insert the form into the body of the HTML document
document.body.innerHTML = loginFormHTML;

// JavaScript to handle the form submission
document.getElementById('loginForm').addEventListener('submit', function(event) {
    event.preventDefault(); // Prevent the default form submission

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

    // Handle the login logic here
    console.log('Username:', username, 'Password:', password);

    // Example: validate user credentials (replace with actual validation logic)
    if (username === 'user' && password === 'pass') {
        console.log('Login successful');
        // Redirect to another page or show a success message
    } else {
        console.log('Login failed');
        // Show an error message
    }
});

```javascript // HTML structure of the login form const loginFormHTML = ` <form id="loginForm"> <label for="username">Username:</label><br> <input type="text" id="username" name="username" required><br> <label for="password">Password:</label><br> <input type="password" id="password" name="password" required><br><br> <input type="submit" value="Login"> </form> `; // Insert the form into the body of the HTML document document.body.innerHTML = loginFormHTML; // JavaScript to handle the form submission document.getElementById('loginForm').addEventListener('submit', function(event) { event.preventDefault(); // Prevent the default form submission const username = document.getElementById('username').value; const password = document.getElementById('password').value; // Handle the login logic here console.log('Username:', username, 'Password:', password); // Example: validate user credentials (replace with actual validation logic) if (username === 'user' && password === 'pass') { console.log('Login successful'); // Redirect to another page or show a success message } else { console.log('Login failed'); // Show an error message } }); ```