A sleek and fully functional Advanced Random Password Generator built with HTML, CSS, and JavaScript. Generate strong, customizable passwords instantly with toggle controls and a dynamic length slider — all in the browser, no installations needed.
🔗 random-password-geenrator-advanced.netlify.app
- 🔢 Password Length Slider — Adjust password length from 4 to 20 characters
- 🔡 Uppercase Toggle — Include/exclude uppercase letters (A–Z)
- 🔠 Lowercase Toggle — Include/exclude lowercase letters (a–z)
- 🔢 Numbers Toggle — Include/exclude numeric digits (0–9)
- 🔣 Symbols Toggle — Include/exclude special characters (!@#$%^&*)
- ⚡ Instant Generation — Generate a new password with one click
- 🎨 Active Toggle Indicators — Visual on/off state for each setting
- 📱 Fully responsive and clean UI
- 🌐 Built with pure HTML, CSS & JavaScript — no frameworks or libraries
| Technology | Purpose |
|---|---|
| HTML5 | Page structure & semantic markup |
| CSS3 | Styling, toggle switches & layout |
| JavaScript (ES6) | Password logic, DOM manipulation & interactivity |
| Netlify | Deployment & hosting |
Random-Password-Generator-advanced/
│
├── index.html # Main HTML file (UI & structure)
├── style.css # Styling & toggle switch design
└── script.js # Password generation logic & interactivity
- Set your desired password length using the range slider (4–20 chars)
- Toggle ON/OFF the character types you want:
- Uppercase letters
- Lowercase letters
- Numbers
- Symbols
- Click "Generate Password"
- Your secure password appears instantly on screen!
- Clone the repository
git clone https://github.com/Umairalimalik78/Random-Password-Generator-advanced.git- Navigate to the project folder
cd Random-Password-Generator-advanced- Open
index.htmlin your browser
Simply double-click the index.html file or open it with Live Server in VS Code.
No build tools, frameworks, or installations required!
Umair Ali
- GitHub: @Umairalimalik78
Made with ❤️ by Umair Ali