A simple web-based Password Generator built with HTML, CSS, and JavaScript.
The Password Generator is designed to help users create strong, random, and secure passwords while keeping track of previously generated passwords.
The application allows users to:
- Choose password length
- Enable or disable character types
- Copy generated passwords with one click
- Automatically save generated passwords
- View and manage saved passwords using LocalStorage
Users can adjust the password length using a slider (from 4 to 32 characters).
Users can enable or disable:
- Uppercase letters (A–Z)
- Lowercase letters (a–z)
- Numbers (0–9)
- Special characters (!@#$%^&*()_+)
Passwords are generated using a random algorithm based on selected character types, ensuring strong and unpredictable results.
Users can easily copy the generated password with a single click.
Each generated password is automatically saved in the browser using LocalStorage:
- View all saved passwords in a popup
- Copy all saved passwords at once
- Data remains available after page refresh
If no character type is selected, the application displays a warning message to prevent empty password generation.
The interface features:
- Soft shadows
- Rounded elements
- Organized layout
- Simple and clean visual design
A secure password is automatically generated when the page loads.
- HTML5 → Structure of the interface
- CSS3 → Styling, layout, and design
- JavaScript → Logic, validation, randomization, and event handling
Salma EL Farouki