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!
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
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!
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); });
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.
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 }
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.
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?
execCommand() function is deprecated so used this 👇👇 inputBox.select(); inputBox.setSelectionRange(0, 99999); navigator.clipboard.writeText(inputBox.value);
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.
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 :)
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
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
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.
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)
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?
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){
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
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 .
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
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
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!
"Excellent password generator tutorial! Clear, concise, and easy-to-follow. Great job!"
To copy password:
function copyPassword() {
passwordBox.select();
navigator.clipboard.writeText(passwordBox.value);
}
Thanks, it works for me
Thanks sis
thank you
Thank you Ma'am for this code
thnx liza❤
function copypassword(){
passwordbox.select();
navigator.clipboard.writeText(passwordbox.value);
}
this is the easiest project , easy to understand for those whole starting making project after learning javascript
Completed this quiz app.
Learning ++;
Motivation ++;
Worries --;
Easy for beginners like me ❤
thank you very much for this beginner-friendly video. I really learned a lot, thank you very much👏
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
Thank you Sir
If you want to remove the highlight once the select() is triggered use
.display input{
Background: transparent;
Color: inherit;
}
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!
but the whole point was to having a function in the web app to copy the generated password ...... isn't it?
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);
});
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.
@@hiitsme739 yes it works but it is deprecated, I’m just sharing an alternative solution
@@ed_badilla yes, this is the one i used...
Best Teacher Clear Explanation 💝
Great job I really love all your videos. God bless you.
Thank you for your efforts. I want to make a website like UA-cam using html, css and php
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
}
Amazing content buddy, Keep it up 🦾👍
Glad you liked it. 😊
Very useful tutorial thank you
Thank you! Second project done successfully
The code could run without calculating random of lowecase uppercase numbers and special symbols just use the while loop it will work 💪
Thank You so much for this tutorial
Very Easy! Thanks a lot!
Its amazing it works completely
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.
this is very helpfull for me
Glad you liked it. Thanks for your comment. 😊
What a delight learning This ❤❤❤
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?
you can use media querrry for ths kind of functionality
Thank you for this great tutorial❤❤
execCommand() function is deprecated so used this 👇👇
inputBox.select();
inputBox.setSelectionRange(0, 99999);
navigator.clipboard.writeText(inputBox.value);
Good Job Man
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.
Use media query or clamp function in css
very nice explanation
You are good bro, honestly 💢👌👌
Omg now i have something to show to my teacher
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 :)
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
@@dadi_vlogs3254 it work thanks alot 👍😉
Thank s a lot sir 😊
My program is successful ❤
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
You are doing great
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.
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)
loved it! perfect for beginners. Thank you so much!
works like charm....
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?
I am having the same issue. can anyone help with this.
function copyPassword() {
const copy = passwordBox.value;
navigator.clipboard.writeText(copy);
}
@@Tamanna4140
function copyPassword() {
const copy = passwordBox.value;
navigator.clipboard.writeText(copy);
}
@@vedantzanjadthanks bro
Great tutorial
Very nice video. It would be helpful to slow down alittle bit, although know we can pause and replay.
There is also an option to slow down the video playback speed to lower than 1x.
Somebody explain to me cause my create password method not executing,whenever i click on the generate password it is not generating.
Tq sir.
Great video! 💯💛
Very Cool Bro
fourth project!
lets gooooooo
Thanks so much🙂
Pls. create a tutorial video about Facebook, Instagram video downloader website
Thank you 😊.
the length should be greater than or equal to 12 @16:12
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){
Moj 😊
Thank you!
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
Sir what is your code editor tell me please.
Vs code bro
Thank You
❤❤❤❤❤❤love you bro
can we use their java for password creating code or not and if we creat then how to do
with java code
Bro can you please make a vehicle service system project with database and repair help
UndefinedUndefinedUndefinedUndefined problem, how to fix it?
Yes me too
Same problem i am also facing..what to do.."create password is not defined"
You probably called Math.random() without brackets.
Lenght convert length 😂😂
give code 😂😂
Sir how you learned all this html, css and Javascript
thank you dude
thankyou sir
So the different characters don’t need to be an array?
what's the shortcut for writing all symbols and letters?
1:24 - why the font 'Poppins' in in quotes but sans-serif is not?
beacause sans-serif is inbuilt in vscode and poppings we usually import
@@srushtipm227 oh ok, thanks!
awesome
Hi sir AAP muje coding ki file deskte ho kay he vali
bro you should keep the name easy tutorial.
why does the password generated only four when i did it?
how we can show a messaged "copied" when click the copy button?
You have to add alert than it will as a alert
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.
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
function copyPassword() {
const copy = passwordBox.value;
navigator.clipboard.writeText(copy);
}
Can anybody explain me the javascript part...
What is the alternative to document.getelementbyId
It is used when you have something in "id="
In my vscode (execCommand) is line-through, Why? Sir.
Same here please let me know if you find the reason or the solution
i think the JS code lines from 32 to 35 are useless, it works without it
you are right, I also didn't use these lines and its working properly
Are you fool ? That is the function which generating random things in js
Generate password is not working. The error code displayed from the console is that "Math is not defined " 😢
Someone should help me please 🙏
thanks guru :)
Source code plzz😢
how Can I Display message "Message copied" on clicking in copy icon . Can any one help me with this Please
execCommand is not working in my VS code, it's not allowing me to write it
The same is happening with me. There is a line through it and it doesn't work.
the lines of code from line 32 to 35 are practically useles...
Why 😮😮😮😮
Why is the input type for the password is text instead of password?
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 .
How do i get the font poppins?
mine is not working
doesn't work copy for me please help
i have to restart my browser to refresh the page, how can i set it to Auto refresh
Same
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
Please create animation forms
I have written all code exactly in what manner you did but ,it is not working 😢
I am facing the same issue
Just take the idea bro don't copy exect 😂
@@rajesh__singh bro thanks for this suggestion thank you very much great
I used api to do this
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
you are doing correct but just put that code" var userInput = document.getElementById("char_input").value; " inside function
Which theme is this?
I want to reset the password into a blank again as soon as I click on copy? Any suggestion anyone?!
Try Create a button for on click the button and set input element inner text to empty string.
Add event listener of that copy clipboard icon when you clicked it just remove that password eg password.innerText =''
Nic3
Mine is not working how to fix
swappy swappy
Font Theme?