HTML
Saturday, 10 October 2015
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>
Subscribe to:
Comments (Atom)