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.
Live Demo or Download Codes of this Password Generator
codingnepalweb.com/demos/rand...
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
Second Channel - bit.ly/3aHNkru
Website: www.codingnepalweb.com
Facebook - / coding.np
Instagram - / coding.np
Music Credit:
Ikson - Anywhere [Official]
• #66 Anywhere (Official)
Deep Sea by Vendredi
• Deep Sea - Vendredi (N...
Something 'bout July (Instrumental) by RYYZN
• Something 'bout July (...
Ikson - We Are Free [Official]
• #83 We Are Free (Offic...

[@CodingNepal]

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

[@paramsstudio2902]

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_7725]

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

[@CodingNepal]

Thank you, I will

[@ashishpatel6078]

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

[@CodingNepal]

Happy to know :)

[@prathamparikh4430]

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

[@CodingNepal]

Glad you think so :)

[@lakshyarajdash]

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

[@CodingNepal]

It's my pleasure :)

[@lakshyarajdash]

@@CodingNepal can you please make a video on making a copy.. not just only that but how to append it inside a textarea like the copy button of your website.

[@DhruvSharma-mh5vf]

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

[@sexyboi69]

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

[@maowarisa3516]

Wonderful project! Would you please share more php projects.

[@CodingNepal]

Yes, sure

[@akashpatil9043]

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😊

[@hefrank3425]

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?

[@juman8407]

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

[@Demon-Senpai]

Bro u should make ur html js and css tutorial

[@VIVEKKUMAR-fs2mk]

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

[@amandevs]

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

[@CodingNepal]

I'm sorry, I don't know about it.. you can google for it.

[@Random_goofball]

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

[@himanshupathak6381]

add auto save too

[@MohsinKhan-wv3ep]

where is the linkfor icon of copy

[@annujamre286]

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

[@muhammadabdurrahman6938]

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

[@sonusingh-kc1yv]

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

[@CodingNepal]

You’ve to upload your project folder to the hosting. Login to hosting > go to file manager > go inside public_html and upload your project folder here. The name of your folder will be the url.

[@paramsstudio2902]

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

[@CodingNepal]

To put checkbox and text in the center

[@paramsstudio2902]

@@CodingNepal i always confuse where to apply display flex, relative, absolute any tip sir

[@aryaprima4698]

thankyou for you tutorial

[@front-endinfo]

small project a lot of pls

[@wasiii]

❤️🔥🔥❤️

[@yubiroaster6285]

Wowowow 👀

[@ibrahimaltsoy7151]

perfect, thansk a lot

[@redaloui]

Luv u bro

[@autogere]

Nice!

[@CodingNepal]

Thanks!

[@dimasnytin]

Great ❤️🤩🤩

[@CodingNepal]

Thanks 🙌

[@tahsinabrar275]

Thank you so much ❤❤

[@CodingNepal]

Always welcome

[@omorfaruk6986]

Bro give html css full project

[@CodingNepal]

Okay

[@alloy109]

Perfect for hacktoberfest? hahaha