VB icon

Vowels, Consonants and Numbers Counter in JavaScript

Email
Submitted on: 4/14/2016 2:14:51 PM
By: Jake R. Pomperada  
Level: Beginner
User Rating: Unrated
Compatibility: JavaScript
Views: 3396
author picture
 
     A program that I wrote using JavaScript as my programming language that will ask the user to give a string or a sentence and then our program will count the number of occurrence of vowels, consonants and numbers. The code is very simple and very easy to understand. Add me at Facebook my address is jakerpomperada@gmail.com and jakerpomperada@yahoo.com My mobile number here in the Philippines is 09173084360.

 
code:
Can't Copy and Paste this?
Click here for a copy-and-paste friendly version of this code!
				
'**************************************
' Name: Vowels, Consonants and Numbers Counter in JavaScript
' Description:A program that I wrote using JavaScript as my programming language that will ask the user to give a string or a sentence and then our program will count the number of occurrence of vowels, consonants and numbers. The code is very simple and very easy to understand.
 Add me at Facebook my address is jakerpomperada@gmail.com and jakerpomperada@yahoo.com
My mobile number here in the Philippines is 09173084360.
' By: Jake R. Pomperada
'**************************************

<html>
<head>
<title>Vowels, Consonants and Numbers Counter</title>
<style>
body {
 font-family:arial;
	 font-size:12;
	 font-weight:bold;
 }
</style>
<script type="text/javascript">
function count_all() {
var str = document.getElementById('txtname').value;
var count = 0, total_vowels="";
var count2=0, total_consonants="";
var count3=0, total_digits="";
for (var i = 0; i < str.length; i++) {
if (str.charAt(i).match(/[a-zA-Z]/) != null) {
if (str.charAt(i).match(/[aeiouAEIOU]/))
{
total_vowels = total_vowels + str.charAt(i);
count++;
}
if (str.charAt(i).match(/[bcdfghjklmnpqrstvwxyzBCDFGHJKLMNPQRSTVWXYZ]/))
{
total_consonants = total_consonants + str.charAt(i);
count2++;
}
}
function retnum(str1) { 
var num = str1.replace(/[^0-9]/g, ''); 
return num; 
}
function count_digits(str2) {
 var num2 = str2.replace(/[^0-9]/g,"").length;
 return num2;
}
}
document.getElementById('consonant_counts').value = count2;
document.getElementById('total_consonants').value = total_consonants;
document.getElementById('vowels').value = total_vowels;
document.getElementById('vcount').value = count;
document.getElementById('digits1').value = count_digits(str);
document.getElementById('digits2').value = retnum(str);
}
function clear_all()
{
document.getElementById('consonant_counts').value ="";
document.getElementById('total_consonants').value ="";
document.getElementById('vowels').value = "";
document.getElementById('vcount').value = "";
document.getElementById('digits1').value ="";
document.getElementById('digits2').value ="";
document.getElementById('txtname').value ="";
document.getElementById('txtname').focus();
}
</script>
</head>
<body>
<br><br>
<div >
<table border="0" cellspacing="0" width="40%" style="background-color:lightgreen; color:blue">
<tr><td colspan="2" align="center"><b>Vowels, Consonants and Numbers Counter</b></td></tr>
<tr> <td> </td></tr>
<tr>
<td>Enter a String </td>
<td><input type='text' id='txtname' size="30" autofocus/></td>
</tr>
<tr> <td> </td></tr>
<tr>
<td>No. of Consonants </td>
<td><input type='text' readonly="readonly" id='consonant_counts' size="30"/></td>
</tr>
<tr>
<td>List of Consonant(s) </td>
<td><input type='text' readonly="readonly" id='total_consonants' size="30"/></td>
</tr>
<tr>
<td>No. of Vowels </td>
<td><input type='text' readonly="readonly" id='vcount' size="30"/></td>
</tr>
<tr>
<td>List of Vowel(s) </td>
<td><input type='text' readonly="readonly" id='vowels' size="30"/></td>
</tr>
<tr>
<td>No. of Digits </td>
<td><input type='text' readonly="readonly" id='digits1' size="30"/></td>
</tr>
<td>List of Digit(s) </td>
<td><input type='text' readonly="readonly" id='digits2' size="30"/></td>
</tr>
<tr> <td> </td></tr>
<tr>
<td></td>
<td><input type='button' value='Ok' title="Click here to process." 
onclick="javascript:count_all();" />
   
<input type='button' value='Clear' title="Click here to clear all the text fields."
onclick="javascript:clear_all();" /></td>
</tr>
</table>
</div>
</body>
</html>


Other 108 submission(s) by this author

 


Report Bad Submission
Use this form to tell us if this entry should be deleted (i.e contains no code, is a virus, etc.).
This submission should be removed because:

Your Vote

What do you think of this code (in the Beginner category)?
(The code with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor (See voting log ...)
 

Other User Comments


 There are no comments on this submission.
 

Add Your Feedback
Your feedback will be posted below and an email sent to the author. Please remember that the author was kind enough to share this with you, so any criticisms must be stated politely, or they will be deleted. (For feedback not related to this particular code, please click here instead.)
 

To post feedback, first please login.