jimmyli123 / vanilla-login-form

Vanilla Login Form by Jobsimulator.dev

This is a simple login form made with vanilla JavaScript, HTML, and CSS. Your job is to fix 5 issues:

1. Fix Logo Rendering Issue
2. Add HTML Email Validation to Email Input
3. Update HTML Password Input to Hide Password Visibility
4. Adjust CSS so that form is centered on page
5. Validate User Credentials & show validation status message

Learning Objectives

You will learn and gain experience with:

• How to use vanilla JavaScript to manipulate the DOM
• How to use vanilla JavaScript to listen to form submission events
• How to use Client Side HTML form validation
• Vanilla Javascript methods for searching through array data
• How to use CSS Flexbox to center elements on the page
• modern JS syntax (arrow functions, template literals)

How to start working

1. Fork this repo and clone it locally.
2. Open index.html in your browser to see the current state of the project.
3. Fix all the issues (hints are provided as TODO comments in the code)
4. Once all your solutions are complete, create a single Pull Request to this repository
5. Check if your solutions passes our automated tests.

Need help?

The best way to ask for help is to ask our Discord community.

Click here to join the Jobsimulator.dev Discord.

Want more challenges?

Browse our list of challenges and join our Discord to get notified when new challenges are released.