JavaScript Program to Count Vowels and Consonants while writing a text in TextArea

JavaScript Program to Count Vowels and Consonants while writing a text in TextArea

Write a JavaScript program to count vowels and consonants while user writing a text in textarea.



Source Code
<html>
<head>
    <title>Count Vowel and Consonants</title>
    <script>
        function count()
        {
            var v= 0, c = 0
            var data = document.getElementById('content').value
            var vowels = document.getElementById('vowels')
            var consonants = document.getElementById('consonants')

            for(i=0; i<data.length; i++)
            {
                ch = data[i]
                if(ch=='a' || ch=='A' || ch=='e' || ch=='E' || ch=='i'
                    || ch=='I' || ch=='o' || ch=='O' || ch=='u' || ch=='U')
                {
                    v++
                }
                else
                {
                    c++
                }
            }
            vowels.innerHTML = "Numbers of Vowels = <b>" + v + "</b>"
            consonants.innerHTML = "Numbers of Consonants = <b>" + c + "</b>"
        }
    </script>
</head>

<body>
<p id="panel">Enter some data..</p>
<textarea id="content" rows="5" cols="40" oninput="count()"></textarea>
<p id="vowels"></p>
<p id="consonants"></p>
</body>

</html>
Output