Showing posts with label remove vowels in javascript. Show all posts
Showing posts with label remove vowels in javascript. Show all posts

Wednesday, October 5, 2016

Remove Vowels in JavaScript

A very simple script that I wrote in JavaScript that will ask the user to give a word or a sentence then our program will remove the vowels in the given word or sentence.

Add me at Facebook my address is jakerpomperada@gmail.com and jakerpomperada@yahoo.com. 

My email address are the following 
jakerpomperada@gmail.com and jakerpomperada@yahoo.com. 

My mobile number here in the Philippines is 09173084360.



Program Listing

<!DOCTYPE html>
<html>
<head>
    <title>Remove Vowels</title>
    <style type="text/css">
    .formLayout
    {
        font-family:arial;
    size:14px;
    background-color: lightgreen;
        border: solid 2px #a1a1a1;
        padding: 30px;
        width: 250px;
    }

    .formLayout label, .formLayout input

    {
        display: block;
        width: 250px;
        float: left;
        margin-bottom: 20px;
    }


 .formLayout label
    {
        text-align: left;

    }
    br
    {
        clear: left;
    }
    </style>
</head>
<body>
<script language="JavaScript">
function execute_program(){
var inputStr=document.form_vowel.strings_remove.value;
var result = Remove_Vowels_Str(inputStr);
document.form_vowel.answer.value = result;
}

function Remove_Vowels_Str(str) {
  return str.replace(/[aeiouAEIOU]/gi, '');
}

</script>
<div class="formLayout">
<form name=form_vowel>
<h4>Remove Vowels </h4>
<label>Enter a Word or String </label>
<input type="text" name="strings_remove" size=15>
<label>The Result  </label>
<input type="text" name="answer"  readonly="readonly" size=15><br>
<input type="button" value="Remove" onClick='execute_program()'>
</form>
</div>
</body>
</html>