Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <script>
    
    function pass()
    {
        
        var a=document.getElementById('dd').value;
        var low=0,upper=0,sc=0,digit=0;
        document.getElementById('s').innerHTML=''
        for(i=0; i<a.length; i++)
            {
                if(a.charAt(i)>='a'&& a.charAt(i)<='z')
            {
                low++;
            }
            
            else if(a.charAt(i)>='A'&& a.charAt(i)<='Z')
            {
            upper++;
            }
            
            else if(a.charAt(i)>='0'&& a.charAt(i)<='9')
            {
            digit++;}
            
        else
        {
            sc++;
        }
    }
    
        if(upper==0||low==0||digit==0|| a.length < 8)
        {
            document.getElementById('s').innerHTML="weak password";
            document.getElementById('s').style.color="red";
        }
        else
        {
            document.getElementById('s').innerHTML="strong password";
            document.getElementById('s').style.color="green";
        }
    
    }
       </script>
        <input  id='dd'type="text" onkeyup="pass();">
       <p id='s' >Validation</p>
    
    </body>
</html>
Editor is loading...