测试有效的js作业之字符串

最新推荐文章于 2022-06-30 18:59:15 发布

k2460761639

最新推荐文章于 2022-06-30 18:59:15 发布

阅读量111

点赞数

分类专栏： js作业文章标签： javascript 字符串

本文链接：https://blog.csdn.net/k2460761639/article/details/107576074

版权

密码强度

 <style>
        span {
            display: block;
            width: 100px;
            height: 100px;
        }
    </style>
</head>

<body>
    <form action="">
        <input type="text" id="text">
        <span id="ti"></span>
    </form>
    <script>
        /*   思路：1.在body里写一个文本框及存放显示属性的span标签
          2.建立文本框失去焦点时的触发
  
          3.给文本框的值起个名
          4.设定没有输数字，大小写字母市委false,后面会用到
          5.将不断变化的数字到字母的循环i建立for循环，
          长度小于文本框的长度，
          6.先取到文本框的ascii值,因为范围i是不断变化的，所以
          ascill值当然是变量（i）
          7.在此循环里判断：
          as在48~57之间为数字，65~90大写字母，97~122小写字母
          8.在做一个if判断
          同时拥有三个条件的，span里显示强
          同时拥有二个条件的，span里显示中
          同时拥有一个条件的，span里显示弱 */

        // 2.建立文本框失去焦点时的触发
        text.onchange = function () {
            let a1 = text.value
            let flag1 = false
            let flag2 = false
            let flag3 = false

            for (let i = 0; i < a1.length; i++) {
                let charcode = a1.charCodeAt(i)
                if (charcode >= 48 && charcode <= 57) {
                    flag1 = true
                }
                else if (charcode >= 65 && charcode <= 90) {
                    flag2 = true
                }
                if (charcode >= 97 && charcode <= 122) {
                    flag3 = true
                }
            }
            if (flag3 && flag2 && flag1) {
                // tip.innerText = "强";
                document.getElementById('ti').style.backgroundColor = "red"
            }
            else if (flag1 && flag2 || flag1 && flag3 || flag2 && flag3) {
                // tip.innerText = "中";
                document.getElementById('ti').style.backgroundColor = "blue"
            }
            else {
                // tip.innerText = "弱";
                document.getElementById('ti').style.backgroundColor = "#666"
            }
        }
    </script>
</body>

去重并统计次数

    <script>
        //“a,a,b,c,c,d”
        var str = "a,a,b,c,c,d";
        var arr = str.split(","

最低0.47元/天解锁文章

k2460761639

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
测试有效的js作业之字符串

密码强度 <style> span { display: block; width: 100px; height: 100px; } </style></head><body> <form action=""> <input type="text" id="text"> &l.
复制链接

扫一扫