In 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.
Resources: Yellow Container Background.
Things you need to know: Flexbox, Grid, Semantic HTML, HTML DOM Manipulation, Event Handling.
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.
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.
These are some of the other projects you can build.