Wednesday, 23 September 2015

1.HTML and JS code to remove the vowels from the string and print it withou string as well as count the vowel number in String also

<!DOCTYPE html>
<html>
<head>
<style>
tr{
align:center;
font-family:arial;
font-weight:bold;
}
tr:nth-child(1)
{background-color:purple;
 color:white;
}
</style>
<script type="text/javascript">
function txtString()
{ var str=document.getElementById("txtMsg").value;
 var pattern=/[a.i.e.o.u.A.E.I.O.U]/;
 var count=0;
 var chart1=" ";
 for(i=0;i<str.length;i++)
 {
var chart=str.charAt(i);
if(chart.match(pattern))
{count++;
continue;
}
chart1+=chart;
 }
 document.getElementById("string").style.display="block";
 document.getElementById("s_content").innerText=chart1;
 document.getElementById("num").style.display="block";
 document.getElementById("v_num").innerText=count;
}
</script>
</head>
<body bgcolor="#00FF00">
<center>
<table height="200" width="500" style="border:5px solid  brown;margin-top:100px;background-color:white">
<tr><td><span>Enter Any String with Vowels</span></td><td><input type="text" name="txtBox1" id="txtMsg" style="height:40px;font-size:18px"></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="Click" onclick="txtString()" style="height:40px;font-size:18px"></td></tr>
<tr><td><span id="string" style="color:green;display:none">String Without Vowels is:</span></td><td><span id="s_content" style=" color:red"></span></td>
<tr><td><span id="num" style="color:green;display:none">Number of Vowels are :</span></td><td><span id="v_num" style=" color:red"></span></td>
</table>
</center>
</body>
</html>