js4

<html>
    <head>
        <title>js4</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];

            }

                document.getElementById("state").innerHTML="It is Reverse string :" +n1+" = "+n2;

        }
    </script>
    <style>
        body
        {
            background-image:url("file:///D:/backgrounds/28.jpg");
            background-color:#ffa6a2;
            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:transparent;
            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 Reverse 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="no1">

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

                    </td>

                </tr>

            </form>
        </table>

    </body>

</html>