How To Generate a Random Password Using JavaScript | Password Generator JavaScript Project

Learn How To Generate a Random Password Using JavaScript | Create Password Generator Using HTML CSS and JavaScript
#javascript #javascriptprojects

In this video we will learn to make a random password generator using HTML CSS and JavaScript. This app will generate a strong password with Upper case, lower case, numbers and symbols.
We will also add password copy icon to copy the new generated password. This is great JavaScript mini project for beginners.

-----------------------------------------
Suggested Course:

❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate

-------------------------------------
Recommended Videos:

Learn Complete HTML and CSS from basics:

Make A Complete Website for college using HTML & CSS:

How to make a Business website step by step:

How to make personal resume website step by step:

How to make fitness website design using HTML CSS:

How to make an Ecommerce Website Design:

How to make a Job Portal website design with HTML & CSS:

How to make travel website design with HTML CSS Bootstrap:

-------------------------------------

Affordable web hosting (coupon- EASYTUTORIALS)

My recommended tools and tutorials

-------------------------------------

◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:

-------------------------------------
Images Credit:

-------------------------------------
Connect with me:

[agataerkaeva]

I have just completed the 4th Your lesson - your lessons are amazing. Everything is clear and understandable. Thank you very much for your work!!!! Great job!

[lizayurchenko]

To copy password:
function copyPassword() {
passwordBox.select();

}

[babarshabbir]

"Excellent password generator tutorial! Clear, concise, and easy-to-follow. Great job!"

[RahulKumar-lvel]

function copypassword(){
passwordbox.select();




}

[charonissimo]

Many thanks for all of your Videos! I love them!
Here I want to point to two things:
1) the lines from 32-35 in script.js are no more necessary
2) meanwhile the replacement for could be the Clipboard API of navigator.
I am a newbe and please correct me, if I'm wrong.
Thanks anyway
cheers

[Godkabir]

this is the easiest project, easy to understand for those whole starting making project after learning javascript

[chizomauzoma]

Thank you Sir
If you want to remove the highlight once the select() is triggered use
.display input{
Background: transparent;
Color: inherit;
}

[alexsortovlog]

For the execCommand() function being deprecated I found that by replacing it with contentEditable works but it only selects the text it doesn't copy it. So it will be like this:

function copyPassword(){
passwordBox.select();

}

try it out if you don't have a problem with copying the password manually. Hope that helps!

[Kllyrichard]

thank you very much for this beginner-friendly video. I really learned a lot, thank you very much👏

[KardanKaaal]

Completed this quiz app.
Learning ++;
Motivation ++;
Worries --;
Easy for beginners like me ❤

[Smed_pro_cam]

Thank you for your efforts. I want to make a website like YouTube using html, css and php

[gustavofernandes]

This solves the problem with the execCommand()

function copyPassword() {
passwordBox.select(); //This is just to make a visual effect
//This is the real deal
}

[balogunadenike]

Thank you! Second project done successfully

[jamilrahmanmowahid]

Thank you for this video. However, I have a quick question. why did you leave the four lines of code above the while loop which select only four letters. You could simply use only the while loop and it works just fine since we are combining all the uppercase, lowercase, symbols, and numbers with allChars variables.

[olawale]

Great job I really love all your videos. God bless you.

[Mahin_katariya]

The code could run without calculating random of lowecase uppercase numbers and special symbols just use the while loop it will work 💪

[reyaguddin]

Hello sir,
I've created this project by following your tutorial & it's working fine.
But I want to this app work perfect in any device (for example: desktop, tablet, mobile, mini-device or other) with responsible. How it Possible? or how can fix this issue?

[developing]

I'm doing all your projects. Just one question...you could have done the responsiveness part, for when the user accesses via smaller devices, such as a cell phone.

[vishalgangde]

execCommand() function is deprecated so used this 👇👇
inputBox.select();
inputBox.setSelectionRange(0,

[amrn]

I have a question and it is related to the 2 last videos which is the to-do list app. You mention in the javascript that you can save the data after refreshing and reopening the website. So I usually like to try what I learned from your videos to save the data in the input box which is the password but I failed. So can u explain to me how after clicking the generate password the password in the input box is there even after refreshing and reopening the website. It means a lot if you the creator of this video or any other people reading this helping me. Thanks :)