Random Password Generator in HTML CSS & JavaScript | Password Generator in JavaScript

In this video, I've shown how to create a Random Password Generator in HTML CSS & JavaScript. In this app, users can generate random passwords by customizing their preferred settings such as lowercase, uppercase, number, etc.

There is also a password strength indicator that informs the strength of the user's generated password. And last, user can copy their generated password to the clipboard.

🗂️ Get Source Code of this Password Generator

🌐 Visit CodingNepal for helpful coding projects

⭐ Hire me on Upwork

📷 Follow me on Instagram

🤝 Support my work

Timestamps:
0:00 Demo of Password Generator
2:36 HTML Code Start
5:52 CSS Code Start
14:24 JavaScript Start
14:58 Working on Password Length Counter
17:31 Working on Generating Random Password
27:37 Working on Password Strength Indicator
30:12 Working on Copy Icon

Music Credit:
Ikson - Anywhere [Official]

Deep Sea by Vendredi

Something 'bout July (Instrumental) by RYYZN

Ikson - We Are Free [Official]

[CodingNepal]

Don't forget to check out the live demo of this Password Generator. Link is in the description!

[paramsstudio]

I take about 3 hour straight to complete this video because I have to keep all this thing into my mind and takes notes
Big Thanks!!!

[vaibhav_prajapat_]

By making projects we learn a lot. We learn practical approach and application of these concepts. Keep it up buddy.

[ashishpatel]

Best video for logic learning 🙂🙂
Thank you so much ❤❤
Keep uploading more videos oj javascript
As i have finished your javscript playlist

[lakshyarajdash]

This channel is really great for someone who wants a channel entirely based on web development projects. Thanks #codingnepal for such awesome projects.

[pratham]

one of the best and detailed playlist on html css javascript projects

[akashpatil]

Is it a full video of project in your channel. Or is it free bcoz other creators charge for source code and all. 😢 I can't paid anything as i am unemployed bro. Your project is fantastic 😍😊. Keep it up but please 🥺🥺🙏 make it free for students who want to better his JS programming. Please just make the source code free brother ❤ lots of love from my side😊

[hefrank]

much appreciate the video, but the generatePassword() function seems not correct, if set the password length 3, tick the lowercase, uppercase and number, will pump out many password out of expectation, for instance, 24u, WFu, cy5, how to solve this issue?

[DhruvSharma-mhvf]

Thank you so much.... finally made my first js project ❤️

[Sathila.R]

Thank you so muchhh❤❤❤ Can you make a video on how to upload a video to mysql database online

[maowarisa]

Wonderful project! Would you please share more php projects.

[paramsstudio]

at 13:12 why you add align items i have doubt Plz reply

[juman]

Thanks, please fix a bug. If we select exclude duplicate with lowercase and cross the length 26 characters limit, the app goes hang because there is no 27th character in the alphabet. Also I need to learn some website projects but can't find on net. And I need to add sidebar and header into it, will you please explain that. Thanks

[amandevs]

Is there any problem in coding field ??
While I have completed my graduation in arts
Please reply sir

[VIVEKKUMAR-fsmk]

Hello, Can you make y2mate clone website(youtube video downloader)?

[a_jamre]

Code kese download kare is project ka ?? Please sir upload code of this project

[muhammadabdurrahman]

Thank you for this! Super cool video! A+++

[sonusingh-kcyv]

brother can you please tell me how you can you show this project in wordpress

[Random_goofball]

kgd9faw2yeqi4cbj mp

The mobile version could use some media queries .
The project is good start though for beginners ❤

[Demon-Senpai]

Bro u should make ur html js and css tutorial