Learn how to generate strong and secure passwords using HTML, CSS, and JavaScript. This tutorial is perfect for beginners and will show you how to create a simple yet effective random password generator that you can use to protect your online accounts.
Make Random Password Generator using Html CSS Javascript, step-by-step from SCRATCH…
⏱️Chapters:
00:00 Intro
00:39 Boilerplate
01:45 HTML - Main div & h2
02:18 HTML - Creating Input
03:08 HTML - Creating Button
03:45 CSS - Reset (make it the same in different browsers)
04:08 css - Body|Positioning Elements in the center with FLEXBOX
04:47 CSS - Styling inputBox & our H2
05:36 CSS - Giving Another Color to "Password Generator" span
06:25 CSS - Styling the Input
09:28 CSS - Styling the Button and animating it.
11:55 JS - Creating Function with Chars|Numbers|Symbols
12:50 JS - For Loops
13:28 JS - Creating RandomNumber with Math.floor/Math.random
14:04 JS - Log it to the Console
14:35 JS - Creating password variable from: RandomNumber & Chars
15:34 JS - Display it to the Screen using the DOM