AI prompts
base on ![](Vanilla-Login-Form-by-Jobsimulator.svg)
# JavaScript Login Form by Jobsimulator.Dev
![Discord](https://img.shields.io/discord/968893691769000027?color=7289da&label=Discord&logo=discord&logoColor=white&style=for-the-badge)
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](https://github.com/developer-job-simulation/vanilla-login-form/issues/2)
1. [Add HTML Email Validation to Email Input](https://github.com/developer-job-simulation/vanilla-login-form/issues/3)
1. [Update HTML Password Input to Hide Password Visibility](https://github.com/developer-job-simulation/vanilla-login-form/issues/4)
1. [Adjust CSS so that form is centered on page](https://github.com/developer-job-simulation/vanilla-login-form/issues/5)
1. [Validate User Credentials & show validation status message](https://github.com/developer-job-simulation/vanilla-login-form/issues/6)
## 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](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)
- Vanilla Javascript methods for [searching through array data](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find)
- How to use [CSS Flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) to center elements on the page
- [modern JS syntax](https://www.w3schools.com/js/js_es6.asp) ([arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions), [template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals))
## How to start working
1. Fork this repo and clone it locally.
1. Open index.html in your browser to see the current state of the project.
1. Fix all the issues (hints are provided as TODO comments in the code)
1. Once all your solutions are complete, create a single Pull Request to this repository
1. 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](https://discord.com/invite/7cAkUcKbjB).
## Want more challenges?
Browse our [challenges](https://jobsimulator.dev/) and [join our Discord](https://discord.gg/6VsSMZaM7q) to get notified when new challenges are released.
", Assign "at most 3 tags" to the expected json: {"id":"334","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"