How To Make Password Strength Indicator Using HTML CSS And JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ก.ย. 2024
  • Learn How To Make Password Strength Indicator Using JavaScript | Add Password Strength Checker In Form using HTML CSS and JavaScript
    ❤️ SUBSCRIBE: goo.gl/tTFmPb
    In this video we will make a password Input field and when we will start typing in this input field, It will display the strength of the password as Week password, Medium Password or Strong Password. This password Indicator is built using JavaScript. #JavaScriptProject
    -----------------------------------------
    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
    👉 easytutorialsp...
    -------------------------------------
    Recommended Videos:
    Learn Complete HTML and CSS from basics:
    ► • HTML And CSS Tutorial ...
    Make A Complete Website for college using HTML & CSS:
    ► • How To Make A College ...
    How to make a Business website step by step:
    ► • How To Make Website Us...
    How to make personal resume website step by step:
    ► • How To Make A Website ...
    How to make fitness website design using HTML CSS:
    ► • How To Make A Website ...
    How to make an Ecommerce Website Design:
    ► • How To Make eCommerce ...
    How to make a Job Portal website design with HTML & CSS:
    ► • How To Make Website Us...
    How to make travel website design with HTML CSS Bootstrap:
    ► • How To Make A Website ...
    -------------------------------------
    Affordable web hosting (coupon- EASYTUTORIALS)
    👉 easytutorialsp...
    My recommended tools and tutorials
    👉 easytutorialsp...
    -------------------------------------
    ◼️ 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:
    ► / @greatstackdev
    -------------------------------------
    Connect with me:
    👉 linktr.ee/iama...

ความคิดเห็น • 39

  • @premprem4095
    @premprem4095 ปีที่แล้ว +4

    You are my online tutor, I got a front end developer job only watching your video.❤

  • @lukekoletsios3236
    @lukekoletsios3236 ปีที่แล้ว +1

    thanks for the quick and accurate video. For anyone wanting the image, just screenshot it and remove the outer circle with simple controls on Mac desktop. Size can be changed with width in CSS.

  • @djfago6240
    @djfago6240 ปีที่แล้ว +2

    you are the best here on youtube. may God bless you more for sharing your knowledge with us for free.

  • @shoukieboosary623
    @shoukieboosary623 ปีที่แล้ว +1

    One of the best channels for computer science

  • @angelfigueroa6662
    @angelfigueroa6662 ปีที่แล้ว +2

    I tought you was going to test a regular expression with multiple params that indicates the Strength

  • @sonamohialdin3376
    @sonamohialdin3376 ปีที่แล้ว +2

    Very helpful tutorial thank you

  • @Nanashi-rq7lk
    @Nanashi-rq7lk ปีที่แล้ว +2

    Thank you for the wonderful video.
    By the way, you use var in variable names when writing javascript, what is the advantage of using var instead of let?

    • @deepindersingh2007
      @deepindersingh2007 ปีที่แล้ว

      Yes, I too always have this confusion while coding in JavaScript.

    • @BetYouHateMeNow
      @BetYouHateMeNow ปีที่แล้ว +1

      @@deepindersingh2007 there is none, only disadvantages for using var. var is the old way of declaring a variable now(after es6) we use let and const to avoid hoisting issues.

    • @deepindersingh2007
      @deepindersingh2007 ปีที่แล้ว +1

      @@BetYouHateMeNow Got it. Thank you for such a simple yet clear explanation.

    • @janavidhiwar9395
      @janavidhiwar9395 ปีที่แล้ว +1

      Var is global scope and let is block scope. Var can have multiple values with same name. Let cannot. We can access var using window object. Var is hoisted. These are the advantages.

    • @deepindersingh2007
      @deepindersingh2007 ปีที่แล้ว +1

      @@janavidhiwar9395 Wow, that’s another very good point. Thank you very much!

  • @mahfuzibnesyful
    @mahfuzibnesyful ปีที่แล้ว +1

    In line 30 - 44
    if(pass.value.length

  • @kanikaverma3793
    @kanikaverma3793 3 หลายเดือนก่อน

    I did not find the arroy image in your discription box , I think you forgott to mentioned it

  • @andystar444
    @andystar444 ปีที่แล้ว

    Dr Avinash 💯

  • @iftyrahman2239
    @iftyrahman2239 ปีที่แล้ว

    Hello Avinash, Next time make a shopping cart tutorial .

  • @Gamer_Guy2.0
    @Gamer_Guy2.0 ปีที่แล้ว +2

    You didn't post the link for the arrow picture

  • @sagarm17
    @sagarm17 ปีที่แล้ว +1

    Sir please make a video on how to make a tribute page 📄

  • @dadi_vlogs3254
    @dadi_vlogs3254 9 หลายเดือนก่อน

    Hello Avinash,
    I have to make the border Color of the input white when I write a particular password, and then I decide to remove all characters and start from the beginning.
    I hope you'll be able to answer me.

  • @muhammadaffantoor
    @muhammadaffantoor ปีที่แล้ว

    Please use local storage to save data in Online Code Editor Like CodePen

  • @GYANBHANDAR-yx7ng
    @GYANBHANDAR-yx7ng ปีที่แล้ว

    Nice brother

  • @Craftgg01
    @Craftgg01 ปีที่แล้ว +1

    How do I make my website public? Pls

  • @ajhems1023
    @ajhems1023 ปีที่แล้ว

    👍🏼👍🏼

  • @flex959
    @flex959 ปีที่แล้ว

    Mr Easy can you please help us with php

  • @bdmizan360
    @bdmizan360 ปีที่แล้ว

    ❤❤

  • @timm...
    @timm... ปีที่แล้ว +1

    Sir mine is not showing the functions😒😒

    • @lekkerfruit2208
      @lekkerfruit2208 7 หลายเดือนก่อน

      mine doesnt show any

  • @skullgamexpro
    @skullgamexpro 11 หลายเดือนก่อน

    But ye kaam nhi kr rha mere pc mai

  • @MuhammadSamiUllah2452
    @MuhammadSamiUllah2452 ปีที่แล้ว

    Image Link ?

  • @bijil2489
    @bijil2489 6 หลายเดือนก่อน

    Source code?

  • @BlackBerry002
    @BlackBerry002 ปีที่แล้ว

    can anyone tell me how to become a master in JavaScript

    • @Proudly_indiann
      @Proudly_indiann ปีที่แล้ว +1

      only by doing practice practice practice... build projects

    • @deepindersingh2007
      @deepindersingh2007 ปีที่แล้ว

      @@Proudly_indiann You are right. Practice is the key to success. If any guidance is required, you can refer to the tutorials of a reputed coding TH-cam channel like Free Code Camp or Code with Harry.

    • @Proudly_indiann
      @Proudly_indiann ปีที่แล้ว +1

      @@deepindersingh2007 yes absolutely... and I learned JavaScript concepts from @Harshit Vashistha TH-cam channel... this channel is very good in case of JavaScript

    • @vickyagrawal3295
      @vickyagrawal3295 ปีที่แล้ว

      @@Proudly_indiann yes ..very good .. but now he is not making the video ..

    • @Proudly_indiann
      @Proudly_indiann ปีที่แล้ว

      @@vickyagrawal3295 if you want to learn from free resources then you have to search and figure out who is best in which particular topic

  • @insightful_code
    @insightful_code ปีที่แล้ว +2

    Strength password is not about only length of password...

  • @zymbc
    @zymbc ปีที่แล้ว +2

    How nice this is. Thank you so much for this video tutorial 🤌🏽