Practical Viewer

Aim (Write on the ruler page)

Create Event-Driven JavaScript Program For The Following. Make Use Of Appropriate Variables, JavaScript Inbuilt String Functions And Control Structures To accept string from user and count number of vowels in the given string.

Program (Start from new page after AIM)

<!DOCTYPE html>
<html>
<head>
	<title>Sop 3 JAVasript Count vowels</title>
</head>
<body>
<form name="form1">
	<h1>Enter the String whose vowel isto be counted</h1>
	<input type="text" name="text1"> 
	<input type="button" name="btn_checkvowel" value="Click to count" onclick="count()">
</form>
<script type="text/javascript">
	function count()
	{
		var i,ch,str,counter=0;
		str=form1.text1.value;
		for(i=0;i<str.length;i++)
		{
			ch=str.charAt(i);
			if(ch=='A'||ch=='a'||ch=='e'||ch=='E'||ch=='i'||ch=='I'||ch=='o'||ch=='O'||ch=='u'||ch=='U')
				counter++;
		}
		alert("Number of Vowels in Entered String is:"+counter);
	}
</script>
</body>
</html>

Output (Stick on blank page opposite to code)

Download Output