How To Make Password Strength Indicator Using HTML CSS And JavaScript

Поделиться
HTML-код
  • Опубликовано: 16 май 2023
  • 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
    👉 easytutorialspro.com/go/course/
    -------------------------------------
    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)
    👉 easytutorialspro.com/hosting/
    My recommended tools and tutorials
    👉 easytutorialspro.com/
    -------------------------------------
    ◼️ 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/iamavinashkr

Комментарии • 38

  • @premprem4095
    @premprem4095 Год назад +4

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

  • @lukekoletsios3236
    @lukekoletsios3236 10 месяцев назад +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.

  • @shoukieboosary623
    @shoukieboosary623 Год назад +1

    One of the best channels for computer science

  • @djfago6240
    @djfago6240 Год назад +2

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

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

  • @andystar444
    @andystar444 Год назад

    Dr Avinash 💯

  • @GYANBHANDAR-yx7ng
    @GYANBHANDAR-yx7ng Год назад

    Nice brother

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

  • @mahfuzibnesyful
    @mahfuzibnesyful Год назад +1

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

  • @dadi_vlogs3254
    @dadi_vlogs3254 5 месяцев назад

    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

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

  • @ajhems1023
    @ajhems1023 Год назад

    👍🏼👍🏼

  • @sagarmahindrakar17
    @sagarmahindrakar17 Год назад +1

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

  • @bdmizan360
    @bdmizan360 Год назад

    ❤❤

  • @flex959
    @flex959 Год назад

    Mr Easy can you please help us with php

  • @Craftgg01
    @Craftgg01 Год назад +1

    How do I make my website public? Pls

  • @MuhammadSamiUllah2452
    @MuhammadSamiUllah2452 Год назад

    Image Link ?

  • @skullgamexpro
    @skullgamexpro 7 месяцев назад

    But ye kaam nhi kr rha mere pc mai

  • @timm...
    @timm... Год назад +1

    Sir mine is not showing the functions😒😒

  • @bijil2489
    @bijil2489 2 месяца назад

    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 RUclips 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 RUclips 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 🤌🏽