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

[@agataerkaeva4226]

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!

[@babarshabbir2554]

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

[@lizayurchenko786]

To copy password: function copyPassword() { passwordBox.select(); navigator.clipboard.writeText(passwordBox.value); }

[@mrmirzaa]

Thanks, it works for me

[@tahashahid4186]

Thanks sis

[@asrnhalic3802]

thank you

[@SachinShrivastav-ix6gb]

Thank you Ma'am for this code

[@NO_N500]

thnx liza❤

[@Godkabir88890]

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

[@KardanKaaal]

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

[@chizomauzoma69]

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

[@RahulKumar-lv3el]

function copypassword(){ passwordbox.select(); navigator.clipboard.writeText(passwordbox.value); }

[@K3llyrichard]

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

[@KrishanYtM]

Best Teacher Clear Explanation 💝

[@charonissimo7683]

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 "document.execCommand("copy")" could be the Clipboard API of navigator. I am a newbe and please correct me, if I'm wrong. Thanks anyway cheers

[@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(); document.contentEditable("copy"); } try it out if you don't have a problem with copying the password manually. Hope that helps!

[@yashnarwar5774]

but the whole point was to having a function in the web app to copy the generated password ...... isn't it?

[@ed_badilla]

Here is another way to do it. I added an Id in the img tag and stored in the copyBtn variable. copyBtn.addEventListener("click", () => { navigator.clipboard.writeText(passwordBox.value); });

[@hiitsme739]

Thanks for showing us another way of doing it. I hope it will be helpful for us in another project because document.execCommand("copy") is working on my project.

[@ed_badilla]

@@hiitsme739 yes it works but it is deprecated, I’m just sharing an alternative solution

[@Shubham_Sinn]

@@ed_badilla yes, this is the one i used...

[@Soulcode-k]

What a delight learning This ❤❤❤

[@kingofvideosofficial]

helped a lot ty

[@GreatStackDev]

I'm so glad! 😊 Keep coding.

[@medimed-su3ir]

You are good bro, honestly 💢👌👌

[@olawale11954]

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

[@kingharji9170]

Amazing content buddy, Keep it up 🦾👍

[@GreatStackDev]

Glad you liked it. 😊

[@balogunadenike2680]

Thank you! Second project done successfully

[@dating_decodedd]

loved it! perfect for beginners. Thank you so much!

[@Manishaisha-qd3gl]

very nice explanation

[@sonamohialdin3376]

Very useful tutorial thank you

[@iamuzzalhossen]

Very Easy! Thanks a lot!

[@priyapajjuri3517]

Its amazing it works completely

[@Ajjaymahto]

this is very helpfull for me

[@GreatStackDev]

Glad you liked it. Thanks for your comment. 😊

[@LetsStudyWithW_A-tx6qi]

Thank You so much for this tutorial

[@sandamalgamage1242]

Thank you for this great tutorial❤❤

[@coding_with_sipai_313]

My program is successful ❤

[@learnwithnagma]

Thank you 😊.

[@TajjCreative]

You are doing great

[@Mahin_katariya]

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

[@Modrex.Dev0]

Good Job Man

[@Smed_pro_cam]

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

[@tech.and.coding]

Thank s a lot sir 😊

[@jamilrahmanmowahid7220]

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.

[@ashishkumar-jo7cj]

Why did you think of keeping the pattern of the password the same? It means that the upper letter will come first and then the lower letter. These too should have been random.

[@romerouelle]

fourth project! lets gooooooo

[@NanoTroller2]

Omg now i have something to show to my teacher

Do you have this code in a document as well? Sometimes it's hard to follow along and see what's in the video even when I change the quality of the video

[@fabihasheikh1305]

Great tutorial

[@developing01]

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.

[@reninmohan2303]

Use media query or clamp function in css

[@sdfsfsfd437]

Great video! 💯💛

[@SAMRAT_SNGH]

❤❤❤❤❤❤love you bro

[@gustavofernandes5275]

This solves the problem with the execCommand() function copyPassword() { passwordBox.select(); //This is just to make a visual effect navigator.clipboard.writeText(passwordBox.value); //This is the real deal }

[@PrathamChaurasia-o8z]

the length should be greater than or equal to 12 @16:12

[@ZanderKodehode]

Thanks so much🙂

[@King_Of_Curses9]

Somebody explain to me cause my create password method not executing,whenever i click on the generate password it is not generating.

[@CanselHermes]

I did everything but I can't have random number , I cotrolled 2 times but who know where is the my mistake copy function worked but random fuction dont ..... (undefined)

[@voiid888]

i think the JS code lines from 32 to 35 are useless, it works without it

[@FarmanAli-y4x4q]

you are right, I also didn't use these lines and its working properly

[@dedicatedrishi]

Are you fool ? That is the function which generating random things in js

[@nattu_kun]

Moj 😊

[@am1rn]

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 :)

[@dadi_vlogs3254]

1 - when you click on the generator input you should call this function to store the data in the local storage. function saveData() { localStorage.setItem("password", input.value); } 2 - after storing this password in the local storage you should call the function that brings this data from the local storage and put id down in the input. function showData() { input.value = localStorage.getItem("password"); } I hope you get it

[@am1rn]

@@dadi_vlogs3254 it work thanks alot 👍😉

[@Spychu1993]

1:24 - why the font 'Poppins' in in quotes but sans-serif is not?

[@srushtipm227]

beacause sans-serif is inbuilt in vscode and poppings we usually import

[@Spychu1993]

@@srushtipm227 oh ok, thanks!

[@reyaguddin3786]

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?

[@51anmolvishwakarma73]

you can use media querrry for ths kind of functionality

[@vishalgangde702]

execCommand() function is deprecated so used this 👇👇 inputBox.select(); inputBox.setSelectionRange(0, 99999); navigator.clipboard.writeText(inputBox.value);

[@umakumarirajput9857]

UndefinedUndefinedUndefinedUndefined problem, how to fix it?

[@bananainacup]

Yes me too

[@aimanshaikh4368]

Same problem i am also facing..what to do.."create password is not defined"

[@thepralad1484]

You probably called Math.random() without brackets.

[@ManishKumar-jx4tq]

Lenght convert length 😂😂

[@NO_N500]

give code 😂😂

[@FullSTACKDev16]

Very Cool Bro

[@shubhamrathod9249]

Thank you!

[@xseenozx3856]

can we use their java for password creating code or not and if we creat then how to do with java code

[@kshmrkshmr8364]

Sir what is your code editor tell me please.

[@prabhatraidas2511]

Vs code bro

[@bubairoy5815]

Pls. create a tutorial video about Facebook, Instagram video downloader website

[@srivigneshcreations.9204]

Tq sir.

[@bananainacup]

So the different characters don’t need to be an array?

[@HinataShiro-l7q]

he wrote const lenght = 12:(why he is not getting error ?and my onclick generate password code is not running but my onclick copy code is running plz help me

[@melwinsanthosh8135]

Bro can you please make a vehicle service system project with database and repair help

[@khorshedalam1732]

Hello sir, I've created this project by following your tutorial & it's working fine. Only one confusion that, execCommand() function is working fine but showing deprecated. Is it a problem & how I can solve it?

[@Tamanna4140]

I am having the same issue. can anyone help with this.

[@vedantzanjad]

function copyPassword() { const copy = passwordBox.value; navigator.clipboard.writeText(copy); } @@Tamanna4140

[@vedantzanjad]

function copyPassword() { const copy = passwordBox.value; navigator.clipboard.writeText(copy); }

[@ayushpawar3871]

​@@vedantzanjadthanks bro

[@BohemianOnTheRoad]

bro you should keep the name easy tutorial.

[@alfredkonneh2963]

Sir how you learned all this html, css and Javascript

[@gomeztorricellygomez7808]

works like charm....

[@christopherkibunyi5774]

what's the shortcut for writing all symbols and letters?

[@orangeapple681]

So I made a typo (line 12) that kept this from working. Make sure password for the input type id is lowercase so that it can be triggered by the functions, while the placeholder="Password" capitalization doesn't really matter since its just literally telling the HTML the word 'Password' needs to be in the white box. Also there's a typo in line 37 (lenght instead of length). Not sure why that didn't cause issues when he was running the code. The typo is also saved in the tutorial document. while(length > password.length){

[@antcannon]

Very nice video. It would be helpful to slow down alittle bit, although know we can pause and replay.

[@readyok8230]

There is also an option to slow down the video playback speed to lower than 1x.

[@vedantzanjad]

Thank You

[@abdulbasith1536]

thank you dude

[@mohi7109]

how we can show a messaged "copied" when click the copy button?

[@JackedHariom]

You have to add alert than it will as a alert

[@fede018]

Why are you doing the java part on the html file? that's not what scrimba teaches. You're not using the characters provided either.

[@jansenval]

why does the password generated only four when i did it?

[@majestic775]

Which theme is this?

[@mahesheditz]

thankyou sir

[@FlyhighBigwings]

execCommand in the function "copyPassword" doesn't work, is there any other way to go about this cause when I try to paste I don't get what I copied

[@FarmanAli-y4x4q]

function copyPassword() { const copy = passwordBox.value; navigator.clipboard.writeText(copy); }

[@sougatalegend6601]

I used api to do this

[@vishalbhardwaj4999]

Can anybody explain me the javascript part... What is the alternative to document.getelementbyId

[@yihffjjg]

It is used when you have something in "id="

[@Islamic_content92]

Source code plzz😢

[@SILENTKILLER84838]

Hi sir AAP muje coding ki file deskte ho kay he vali

[@mek059]

Why is the input type for the password is text instead of password?

[@sumitraina24]

Because you want to generate the password here and hence the password should be visible to us . if you place type as password instead of text then the password will be encrypted .

[@cpl2116]

How do i get the font poppins?

[@utinthein7274]

In my vscode (execCommand) is line-through, Why? Sir.

[@yashnarwar5774]

Same here please let me know if you find the reason or the solution

[@PhurailatpamGirishSharma27]

execCommand is not working in my VS code, it's not allowing me to write it

[@PedrPie]

The same is happening with me. There is a line through it and it doesn't work.

[@niranjanvanka376]

Please create animation forms

[@kazutoravfx]

the lines of code from line 32 to 35 are practically useles...

[@Haat02]

Why 😮😮😮😮

[@aymenbachiri-yh2hd]

awesome

[@mahimkhan9561]

mine is not working

[@Sporty1877]

Generate password is not working. The error code displayed from the console is that "Math is not defined " 😢 Someone should help me please 🙏

[@FlavorsofLifeVlogs]

how Can I Display message "Message copied" on clicking in copy icon . Can any one help me with this Please

[@rajnikantjoshi6697]

i have to restart my browser to refresh the page, how can i set it to Auto refresh

[@rounakyadav17]

Same

[@yashnarwar5774]

dowload the live server extention in vs code and then right click in the html file you will find the option for the live server somewhere in the bottom ........ walllhaaa propblem solved

[@vrzshortcreator8478]

I have written all code exactly in what manner you did but ,it is not working 😢

[@purpleshinee7700]

I am facing the same issue

[@rajesh__singh]

Just take the idea bro don't copy exect 😂

[@KiranKumar-zt9mn]

​@@rajesh__singh bro thanks for this suggestion thank you very much great

[@musabpatel8621]

Font Theme?

[@asrnhalic3802]

doesn't work copy for me please help

[@varshavarshu2231]

swappy swappy

[@shamrankatalemwa7005]

Mine is not working how to fix

[@adxxsh735]

I want to reset the password into a blank again as soon as I click on copy? Any suggestion anyone?!

[@reninmohan2303]

Try Create a button for on click the button and set input element inner text to empty string.

[@anujchaudhary4724]

Add event listener of that copy clipboard icon when you clicked it just remove that password eg password.innerText =''

[@akifdalhan2451]

undefinedundefinedundefinedundefined problem?

[@bananainacup]

Bruh same

[@filipriess1271]

same bro, idk what to do xd

[@subegsingh5658]

if i want the user to give me number of characters for the password, how do i do it. I'm trying (" Number of characters: var userInput = document.getElementById("char_input").value; var length= userInput; "). can anyone please help me out

[@FarmanAli-y4x4q]

you are doing correct but just put that code" var userInput = document.getElementById("char_input").value; " inside function