Problem statementSend feedbackYou are working on a web application that involves managing user authentication.Objective:Implement the login method on the User prototype.This method should take two parameters:username and password.The method should check if the provided username and password match the systemCredentials. If they match, it should log "Login successful!" to the console. Otherwise, it should log "Login failed!".Lastly, modify the login method by using the bind method to create a reusable function named loginFunction that is bound to the systemCredentials object.

Here is a step-by-step solution in JavaScript:

1. First, define the systemCredentials object. This object will hold the username and password.

let systemCredentials = {
    username: 'admin',
    password: 'password123'
};

2. Next, define the User function. This function will serve as a constructor for creating new users.

function User(username, password) {
    this.username = username;
    this.password = password;
}

3. Then, add the login method to the User prototype. This method will check if the provided username and password match the systemCredentials.

User.prototype.login = function(username, password) {
    if (this.username === systemCredentials.username && this.password === systemCredentials.password) {
        console.log('Login successful!');
    } else {
        console.log('Login failed!');
    }
};

4. Finally, use the bind method to create a reusable function named loginFunction that is bound to the systemCredentials object.

let loginFunction = User.prototype.login.bind(systemCredentials);

Now, you can use loginFunction to check if a given username and password match the systemCredentials.

loginFunction('admin', 'password123');  // Logs: "Login successful!"
loginFunction('user', 'password');  // Logs: "Login failed!"