Categories
JQuery

Interest Loan Calculator in jQuery

In this article I share with you a simple interest loan calculator that I wrote using jQuery. I hope this can help you in your study of jQuery library.


I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.


My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.My mobile number here in the Philippines is 09173084360. My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.


Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price. My personal website is http://www.jakerpomperada.com


My programming website is http://www.jakerpomperada.blogspot.comI am also a book author you can purchase my books on computer programming and information technology in the following links below.https://www.unlimitedbooksph.com/

Program Listing

<html>
<head>
<title>Interest Calculator in JQuery</title>
<script src="jquery-3.2.1.min.js"></script>
<style>
body {
 background-color:white;
 font-family: arial;
 font-size:15px;
 font-weight:bold;
 }

 .input_bold {
    font-weight: bold;
 font-size:15px;
 color: red;
}

.left {
    width: 15%;
    float: left;
    text-align: right;
}
.right {
    width: 50%;
    margin-left: 10px;
    float:left;
}
</style> 
<script>
$(document).ready(function(){

 $("#solve").click(function(){
   
  var amt = $("#amt").val();
  var interest = $("#interest").val();
  var years = $("#years").val();
  
   remarks = (amt*interest*years/100)
 $("#results").val('PHP ' + remarks.toFixed(2));
 
 });

   $("#clear").click(function(){
   $("#amt").val('');
   $("#interest").val('');
   $("#years").val('');
   $("#results").val('');
   $("#amt").focus();
   });
 });
  
 </script>
</head>
<body>
<form>
<br>
<h3>Interest Calculator in jQuery</h3>
<div class="left">
 Amount Loaned
</div>
<div class="right">
 <input type="text" id="amt" size="10" autofocus/><br>
</div>
<br><br>
<div class="left">
 Interest Rate 
</div>
<div class="right">
 <input type="text" id="interest" size="10" /><br>
</div>
<br><br>
<div class="left">
 How many years
</div> 
<div class="right">
 <input type="text" id="years" size="10" />
</div> 
<br><br>
<div class="left">
 The interest is 
</div>
<div class="right">
 <input type="text" id="results" class="input_bold" size="10" readonly/><br>
</div>
 <br><br><br>
 <div class="left">
<button type= "button" id ="solve">Check </button>    
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="right">
<button type= "button" id ="clear">Clear </button> 
</div>
</form>
</body>
</html>
Categories
JQuery

Greet a Person Using jQuery

Greet a Person Using jQuery Video Tutorial
Categories
JQuery

Greet a Person Using jQuery

A simple program that I wrote that will ask the user to give his or her name and then the program will greet the person’s name using jQuery.
I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.


My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.My mobile number here in the Philippines is 09173084360. My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.


Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price. My personal website is http://www.jakerpomperada.com


My programming website is http://www.jakerpomperada.blogspot.comI am also a book author you can purchase my books on computer programming and information technology in the following links below.https://www.unlimitedbooksph.com/

Program Listing

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
 background-color:white;
 font-family: arial;
 font-size:15px;
 font-weight:bold;
 }	
</style>
<script src="jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function(){
$("form").submit(function(){
var names= document.getElementById("fname").value;
var display = names.toUpperCase();
alert("Hello " + display + " How are you?");
	});
});
</script>
</head>
<body><br><br>
<form>
What is your name? 
&nbsp;&nbsp;
<input type="text" id="fname" size="20">
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Categories
JQuery

Word Count in a Sentence in jQuery

I wrote this program using jQuery to count the number of words in a given sentence.


I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.


My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.My mobile number here in the Philippines is 09173084360. My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.


Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price. My personal website is http://www.jakerpomperada.com


My programming website is http://www.jakerpomperada.blogspot.comI am also a book author you can purchase my books on computer programming and information technology in the following links below.https://www.unlimitedbooksph.com/

Program Listing

<html>
<head>
<title>Word Count in a Sentence in jQuery</title>
</head>
<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<body>
<script type="text/javascript">
   function WordCount(str) {
  	return str.split(" ").length;
  }

$(document).ready(function() { 
var sentence = "jQuery programming is fun.";	
document.write("<h2>Word Count in a Sentence in jQuery</h2>");
document.write("<h3>Sentence : " ,sentence,"</h3>");
count_words = WordCount(sentence);
document.write("<h3>Total Number of Words  : " ,count_words,"</h3>");
});
</script>
</body>
</html>

Categories
JQuery

Count Vowels and Consonants in jQuery

I wrote this program to count the number of vowels and consonants in a given string using jQuery.
I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.


My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.

My mobile number here in the Philippines is 09173084360. My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.


Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price. My personal website is http://www.jakerpomperada.com


My programming website is http://www.jakerpomperada.blogspot.comI am also a book author you can purchase my books on computer programming and information technology in the following links below.https://www.unlimitedbooksph.com/

Program Listing

<html>
<head>
<title>Count Vowels and Consonants in jQuery</title>
</head>
<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<body>
<script type="text/javascript">

function vowel_count(str)
{
	var vowel_list = 'aeiou';
	var vowel_count = 0;

	str_lower = str.toLowerCase();

	for (var x=0; x<str_lower.length; x++)
	{
		if (vowel_list.indexOf(str_lower[x]) !== -1)
		{
			vowel_count++;
		}
	}
	return vowel_count;
}	

function consonant_count(str)
{
	var consonant_list = 'bcdfghjklmnpqrstvwxyz';
	var consonant_count = 0;

	str_lower = str.toLowerCase();

	for (var x=0; x<str_lower.length; x++)
	{
		if (consonant_list.indexOf(str_lower[x]) !== -1)
		{
			consonant_count++;
		}
	}
	return consonant_count;
}	

$(document).ready(function() { 
var str = "Northern Negros State College of Science and Technology";	
var result;
document.write("<h2>Count Vowels and Consonants in jQuery</h2>");
document.write("<h2>Given Text    : " ,str,"</h2>");
display_vowels = vowel_count(str);
display_consonants = consonant_count(str);
document.write("<h2> Number of Vowels     : " ,display_vowels,"</h2>");
document.write("<h2> Number of Consonants : " ,display_consonants,"</h2>");
});
</script>
</body>
</html>
Categories
JQuery

Upper Case String in jQuery

I wrote this simple program using jQuery to convert the lowercase string into uppercase format.

I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.

My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.My mobile number here in the Philippines is 09173084360.My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.

Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price. My personal website is http://www.jakerpomperada.com

My programming website is http://www.jakerpomperada.blogspot.comI am also a book author you can purchase my books on computer programming and information technology in the following links below.
https://www.unlimitedbooksph.com/


Program Listing

<html>
<head>
<title>Upper Case String in jQuery</title>
</head>
<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<body>
<script type="text/javascript">
$(document).ready(function() { 
var str_title = "programming is fun";	
var str_display;
document.write("<h2>Original Text    : " ,str_title,"</h2>");
str_upper_case = str_title.toUpperCase();
document.write("<h2> Upper Case Text : " ,str_upper_case,"</h2>");
});
</script>
</body>
</html>

Categories
JQuery

Reverse a String in jQuery

I wrote this program to reverse the given string using jQuery. The code is very easy to understand and use.

I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.My mobile number here in the Philippines is 09173084360.My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price.

My personal website is http://www.jakerpomperada.com

My programming website is http://www.jakerpomperada.blogspot.comI am also a book author you can purchase my books on computer programming and information technology in the following links below.
https://www.unlimitedbooksph.com/

<html>
<head>
<title>Reverse a String in jQuery</title>
</head>
<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<body>
<script type="text/javascript">
$(document).ready(function() { 
var str = "Computer Science";	
document.write("<h2>Reverse a String in jQuery</h2>");
document.write("<h3>Original Text    : " ,str,"</h3>");
const reverse_str = str.split('').reverse().join('');
document.write("<h3>Reverse String : " ,reverse_str,"</h3>");
});
</script>
</body>
</html>

Categories
JQuery

Remove Vowels in a String in jQuery

I wrote this simple program to remove the vowels in a given string in jQuery.

I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.
My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.
My mobile number here in the Philippines is 09173084360.
My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.
Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price.
My personal website is http://www.jakerpomperada.com
My programming website is http://www.jakerpomperada.blogspot.com
I am also a book author you can purchase my books on computer programming and information technology in the following links below.

https://www.unlimitedbooksph.com/

<html>
<head>
<title>Remove Vowels in a String in jQuery</title>
</head>
<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<body>
<script type="text/javascript">
   function Remove_Vowels(str) {
  	return str.replace(/[aeiouAEIOU]/gi,' ');
  }

$(document).ready(function() { 
var string_given = "Web Development Using jQuery";	
document.write("<h2>Remove Vowels in a String in jQuery</h2>");
document.write("<h3>Original String : " ,string_given,"</h3>");
display_results = Remove_Vowels(string_given);
document.write("<h3>The Result  : " ,display_results,"</h3>");
});
</script>
</body>
</html>

Categories
JQuery

Lower Case in String Using jQuery

I wrote this simple program using jQuery to convert the given string into lower case format.

I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.

My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.

My mobile number here in the Philippines is 09173084360.

My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.

Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price.

My personal website is http://www.jakerpomperada.com

My programming website is http://www.jakerpomperada.blogspot.com

I am also a book author you can purchase my books on computer programming and information technology in the following links below.

https://www.unlimitedbooksph.com/

<html>
<head>
<title>Lower Case String in jQuery</title>
</head>
<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<body>
<script type="text/javascript">
$(document).ready(function() { 
var str_title = "TECHNOLOGY IS CHANGING FAST.";	
var str_display;
document.write("<h2>Lower Case in jQuery</h2>");
document.write("<h2>Original Text    : " ,str_title,"</h2>");
str_lower_case = str_title.toLowerCase();
document.write("<h2> Lower Case Text : " ,str_lower_case,"</h2>");
});
</script>
</body>
</html>

Categories
JQuery

Addition of Three Numbers in JQuery

I  wrote this simple program that I wrote using JQuery a JavaScript library to ask the user to give three numbers and then the program will sum the values of three numbers and display the results on the screen.
I am currently accepting programming work, IT projects, school and application development, programming projects, thesis and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details.  If you want to advertise on my website kindly contact me also in my email address also. Thank you.

My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.
My mobile number here in the Philippines is 09173084360.My telephone number at home here in Bacolod City, Negros Occidental Philippines is  +63 (034) 4335675.


Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking and Arduino Project development at a very affordable price.
My personal website is http://www.jakerpomperada.com

My programming website is http://www.jakerpomperada.blogspot.com

I am also a book author you can purchase my books on computer programming and information technology in the following links below.
https://www.mindshaperspublishing.com/
https://www.unlimitedbooksph.com/

Sample Program Output
Sample Program Output
Program Listing

index.htm

<!doctype html>
<html>
<head>
     <script type='text/javascript' src='jquery/jquery.min.js'></script>
   <script type='text/javascript' src='add.js'></script>
</head>
<body>
 <h2> Addition of Three Numbers in JQuery </h2>
    <h4><i> Author Jake R. Pomperada,MAED-IT </i></h4>
 <br>
Enter the First number : <input id="first"><br>
Enter the Second number: <input id="second"><br>
Enter the Third number: <input id="third"><br><br>
The total sum is <input id="answer"><br><br>
<button id="btnAdd">Add</button>
<button id="btnClear">Clear</button>

</body>
</html>

add.js

// Code By Jake R. Pomperada,MAED-IT
// February 25, 2020

$(document).ready(function(){

$("#btnAdd").click(function(){
  var a,b,c;
a=Number(document.getElementById("first").value);
b=Number(document.getElementById("second").value);
c=Number(document.getElementById("third").value);
d= a + b+c;
document.getElementById("answer").value= d;

});



$("#btnClear").click(function(){

 document.getElementById('first').value="";
 document.getElementById('second').value="";
 document.getElementById('third').value="";
 document.getElementById('answer').value="";
 document.getElementById('first').focus();

});
});