Simple JavaScript Login Form

Create a JavaScript code for a simple login form

// 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
    }
});