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!

[@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❤

[@babarshabbir2554]

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

[@RahulKumar-lv3el]

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

[@Godkabir88890]

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

[@chizomauzoma69]

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

[@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

[@KardanKaaal]

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

[@K3llyrichard]

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

[@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...

[@KrishanYtM]

Best Teacher Clear Explanation 💝

[@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.

[@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 }

[@olawale11954]

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

[@balogunadenike2680]

Thank you! Second project done successfully

[@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.

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

[@Smed_pro_cam]

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

[@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

[@sonamohialdin3376]

Very useful tutorial thank 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 💪

[@Soulcode-k]

What a delight learning This ❤❤❤

[@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)

[@iamuzzalhossen]

Very Easy! Thanks a lot!

[@vishalgangde702]

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

[@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 👍😉

[@priyapajjuri3517]

Its amazing it works completely

[@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

[@Curse_King359]

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

[@LetsStudyWithW_A-tx6qi]

Thank You so much for this tutorial

[@kingharji9170]

Amazing content buddy, Keep it up 🦾👍

[@GreatStackDev]

Glad you liked it. 😊

[@Manishaisha-qd3gl]

very nice explanation

[@NanoTroller2]

Omg now i have something to show to my teacher

[@medimed-su3ir]

You are good bro, honestly 💢👌👌

[@Ajjaymahto]

this is very helpfull for me

[@GreatStackDev]

Glad you liked it. Thanks for your comment. 😊

[@sandamalgamage1242]

Thank you for this great tutorial❤❤

[@dating_decodedd]

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

[@romerouelle]

fourth project! lets gooooooo

[@Modrex.Dev0]

Good Job Man

[@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

[@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

[@PrathamChaurasia-o8z]

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

[@coding_with_sipai_313]

My program is successful ❤

[@tech.and.coding]

Thank s a lot sir 😊

[@TajjCreative]

You are doing great

[@xseenozx3856]

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

[@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 😂😂

[@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.

[@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){

[@bubairoy5815]

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

[@fabihasheikh1305]

Great tutorial

[@bananainacup]

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

[@kshmrkshmr8364]

Sir what is your code editor tell me please.

[@prabhatraidas2511]

Vs code bro

[@christopherkibunyi5774]

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

[@alfredkonneh2963]

Sir how you learned all this html, css and Javascript

[@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.

[@srivigneshcreations.9204]

Tq sir.

[@melwinsanthosh8135]

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

[@gomeztorricellygomez7808]

works like charm....

[@learnwithnagma]

Thank you 😊.

[@jansenval]

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

[@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

[@FullSTACKDev16]

Very Cool Bro

[@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!

[@shubhamrathod9249]

Thank you!

[@ZanderKodehode]

Thanks so much🙂

[@Sporty1877]

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

[@BohemianOnTheRoad]

bro you should keep the name easy tutorial.

[@nattu_kun]

Moj 😊

[@sdfsfsfd437]

Great video! 💯💛

[@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); }

[@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

[@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 .

[@abdulbasith1536]

thank you dude

[@vedantzanjad]

Thank You

[@FlavorsofLifeVlogs]

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

[@PhurailatpamGirishSharma27]

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

[@Pedr0Henriqu3]

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

[@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

[@SAMRAT_SNGH]

❤❤❤❤❤❤love you bro

[@cpl2116]

How do i get the font poppins?

[@kazutoravfx]

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

[@Haat02]

Why 😮😮😮😮

[@mahesheditz]

thankyou sir

[@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="

[@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

[@mahimkhan9561]

mine is not working

[@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

[@aymenbachiri-yh2hd]

awesome

[@asrnhalic3802]

doesn't work copy for me please help

[@majestic775]

Which theme is this?

[@Islamic_content92]

Source code plzz😢

[@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 =''

[@shamrankatalemwa7005]

Mine is not working how to fix

[@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

[@sage-wale]

thanks guru :)

[@sougatalegend6601]

I used api to do this

[@musabpatel8621]

Font Theme?

[@niranjanvanka376]

Please create animation forms

[@AreeshaFatima-m6k]

generate button is not working

[@Mohammed_c212]

I tried to make projects from great stack they never work these indian scammers so dumb

[@captaindragoyt777]

Nic3