Password Generator
L2Building a password generator app will test your skills in HTML, CSS, and JavaScript, with a focus on event handling and DOM manipulation. You'll demonstrate proficiency in generating random strings, handling user input, and creating an interactive user interface.
Step 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.
( 30 Min )
1out of3
Step 2 - Add CSS styling
( 1 Hr )
2out of3
Step 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.
( 2 Hrs )
3out of3
More projects