How can I handle errors when logging in with JavaScript?

I'm trying to implement a login feature in my JavaScript app, but I'm not sure how to handle errors properly.

You can use try-catch blocks to handle errors during the login process. Would you like an example?

Yes, please! An example would be really helpful.

Sure! Here's a simple example:

async function login(username, password) {
    try {
        const response = await fetch('/api/login', { method: 'POST', body: JSON.stringify({ username, password }) });
        if (!response.ok) throw new Error('Login failed!');
        const data = await response.json();
        console.log('Login successful:', data);
    } catch (error) {
        console.error('Error during login:', error.message);
    }
}

This will catch any errors that occur during the fetch call.

That makes sense! What if I want to show a user-friendly message instead of just logging the error?

You can display a message to the user by updating the UI. For example, you could set an error state and show it in your component.