js7

<html>
    <head>
        <title>js7</title>
    </head>
    <script>
        function  f1()
        {
            var i,n1,n2,j=0,flag=0;
            n1=document.getElementById("c1").value;
            n2=" ";
            for(i=n1.length-1;i>=0;i--)
            {
                n2+=n1[i];

            }

            for(i=0;i<n1.length;i++)
            {
                j=i+1;

                if(n2[j]==n1[i] || n2[j]==(n1[i].toLowerCase()) || n2[j]==(n1[i].toUpperCase() ))
                {
                    flag=0;
                }
                else
                {
                    flag=1;
                    break;
                }
            }
            if(flag==0)
            {
                document.getElementById("state").innerHTML="This is  Palindrom String : "+n1+" = "+n2;

            }
            else
            {
                document.getElementById("state").innerHTML="It is not Palindrom string :" +n1+" = "+n2;
            }
        }
    </script>
    <style>
        body
        {
            background-image:url("file:///D:/backgrounds/52.jpg");
            background-color:lightgreen;
            background-attechment:fixed;
            backdrop-filter:blur(7px);
            height:100vh;
            background-size:100% 100%;
            margin:0;
            padding:0;
            background-repeat:no-repeat;

        }
        .s1
        {
            width:100%;
            height:70px;
            border-color:lightgreen;
            background:black;
            color:white;
            font-size:25px;

        }
        .s2
        {
            border-radius:0%;
            border-color:red;
            background:black;
            color:white;
            font-size:35px;

        }

    </style>
    <body   text="White">
        <center>
            <h1 > Checking Palindrom String</h1>
            <stamp class="s1" style="background:transparent;color:yellow">*Press tab after giving data*<stamp>
        </center>

        <table border="1" align="center" cellspacing="15" cellpadding="70" width="70%" style="border-color:transparent">
            <form >
                <tr  >
                    <td >
                        <input  type="textbox" class="s1"  id="c1" onchange="f1()" placeholder="Enter the Statement">

                    </td>

                </tr>
                <tr>
                    <td >
                        <label class="s2" id="state"  ></label>
                    </td>

                </tr>
            </form>
        </table>

    </body>

</html>