js2

<html>
    <head>
        <title>js2</title>
    </head>
    <script>
        function  f1()
        {
            var data=document.getElementById("c").value;
            var i,ch=0;
            for(i=0;i<data.length;i++)
            {
                if(data[i]==" ")
                {
                    continue;
                }
                ch++;
            }
            alert('Total no of character: '+ ch);
        }
    </script>
    <body  bgcolor="orange">
        <center>
            <h1> Count characters </h1>
        <table border="0" align="center" width="100%"cellspacing="50">
            <form onsubmit="">
                <tr>
                    <td align="center"> <input type="textbox"id="c" style="width:50%;font-size:25px" placeholder="Enter the sentence"></td>
                </tr>
                <tr>
                    <td align="center">     <input type="submit" style="width:10%;height:70px;border-radius:10%;background:lightgreen;border-color:transparent" value="Count Character" onclick="f1()" ></td>
                </tr>

            </form>
        </table>
    </body>

</html>