Assignment9

<!DOCTYPE html>
<html>
    <head>
        <title>String Operations</title>
        <script type="text/javascript">
            function calcLen()
                {
                    var st=document.getElementById('userString').value;
                    var stl=st.length;
                    console.log('Length of ' + st + ' is ' + stl);
                }
            function checkAlpha()
                {
                    var st=document.getElementById('userString').value;
                    if(isNaN(st))
                        console.log("It is alphanumeric");
                    else
                        console.log("It is numeric");
                }
            function chkPalindrome()
                {
                    var st=document.getElementById('userString').value;
                    var stl=st.length;
                    var nstr="";
                    for(var i=stl-1;i>=0;i--)
                        {
                            nstr = nstr + st.charAt(i);
                        }
                    console.log(st==nstr);
                }
            function chkOccurence(chr)
                {
                    var st=document.getElementById('userString').value;
                    var stl=st.length;
                    var count=0;
                    for(var i=stl-1;i>=0;i--)
                        {
                            if(st.charAt(i)===chr)
                                count++;
                        }
                    console.log(chr + ' occurs ' + count + ' times in the string.');
                }
        </script>
        <!-- The <style> section below is optional -->
        <style type="text/css">
            body{
                margin:0px;
                padding:0px;
                font-size:0.90em;
                font-family:Helvetica,sans-serif;
            }
            h3{
                color:#FFF;
                background-color:#FF5533;
                width:120px;
                padding:5px 10px;
                margin:3px;
                text-align:center;
            }
            h3:hover{
                background-color:#FF9955;
                cursor:pointer;
            }
        </style>
    </head>
    <body>
        Enter any string of characters
        <input type="text" id="userString" size="15"> <br />
        <h3 onclick="calcLen()">Length</h3>
        <h3 onclick="checkAlpha()">Alphanumeric</h3>
        <h3 onclick="chkPalindrome()">Palindrome</h3>
        <h3 onclick="chkOccurence('o')">Occurence</h3>
    </body>
</html>