Password Generator
L2In this project, you'll make an application that creates strong passwords for the user. You will add features to control which characters are allowed in the password. Finally, you'll provide the user the ability to copy this password and use it. To get started, please scroll down and look at the tasks listed below.
Project Preview
Things you need to know:Flexbox, Grid, Semantic HTML, HTML DOM Manipulation, Event Handling
Tasks
Task 1: Set up a basic user interface.
- Add a heading: "Password Generator."
- Include a section to display the generated password with a "Copy Password" button.
- Insert four checkboxes: "Include Numbers", "Include Letters", "Include Mixed Case", and "Include Punctuation"
- Include a slider labeled "Total Characters" allowing 6 to 20 characters.
Task 3: Implement functionality
- Passwords should be generated according to the selected options.
- Moving the slider should adjust the password length accordingly.
- Clicking the "Copy Password" button should copy the password to the clipboard.
More projects