js怎么动态显示密码强度

1、首先写一个最基本的展示页面，其中包括输入密码、密码强度两个方面，还需要加一个input的输入框做输入

2、然后写出js判断，在js中主要是判断密码符合哪一种，然后使用case语句进行处理，最后再修改上面的密码强度的颜色即可

3、这里我是实用的一个txt编写的代码，然后将最后的后缀名由txt改成html，再通过浏览器打开

4、输入一个简单的密码，这里显示出来的是一个该密码为中等安全等级

5、然后继续输入，运用到符号、数字和字母后密码强度变成了强，这里我设置的是确认密码项才会做判断，你也可以用输入框值改变时就判断，这样就可以实时动态

6、最后贴出所有的代码，可以跟着做一做，最后就会明白原理