VB icon

Addition of Three Numbers Using Onkeyup in JavaScritpt

Email
Submitted on: 2/1/2019 8:03:17 AM
By: Jake R. Pomperada  
Level: Beginner
User Rating: Unrated
Compatibility: JavaScript
Views: 1238
author picture
 
     A simple program that I wrote using Javascript using Onkeyup event to add the sum of the three numbers and display the result on the screen. I hope you will find my work useful. Thank you. 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 I also accepting computer repair, networking and Arduino Project development at a very affordable price. My personal website is http://www.jakerpomperada.com

 
code:
Can't Copy and Paste this?
Click here for a copy-and-paste friendly version of this code!
				
'**************************************
' Name: Addition of Three Numbers Using Onkeyup in JavaScritpt
' Description:A simple program that I wrote using Javascript using Onkeyup event to add the sum of the three numbers and display the result on the screen. I hope you will find my work useful. Thank you.
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 I also accepting computer repair, networking and Arduino Project development at a very affordable price.
My personal website is http://www.jakerpomperada.com
' By: Jake R. Pomperada
'**************************************

<html>
<body>
<script type="text/javascript">
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
function getValues(){
 var initial_value =0;
 if (document.getElementById('one').value==''){
 	document.getElementById('display').value =initial_value;
 } else if (document.getElementById('two').value=='' ) {
document.getElementById('display').value =initial_value;
 	 }
else if (document.getElementById('three').value=='' ) {
document.getElementById('display').value =initial_value;
}
 
var numVal1=parseInt(document.getElementById("one").value);
var numVal2=parseInt(document.getElementById("two").value);
var numVal3=parseInt(document.getElementById("three").value);
 sum = numVal1 + numVal2 + numVal3;
document.getElementById("display").value = sum;
}
</script>
<style>
input.numbox{
	width:30px;
	height:20px;
}
textarea.mainbox{
	width:200px;
	height:100px;
}
</style>
<br>
<h2> Addition of Three Numbers Using Onkeyup in JavaScritpt </h2>
First Value
<input class="numbox" type="text" id="one" value="0"
onkeypress="return isNumber(event)" onkeyup="getValues()" /><br/>
Second Value
<input class="numbox" type="text" id="two" value="" 
onkeypress="return isNumber(event)" onkeyup="getValues()"/><br/>
Third Value
<input class="numbox" type="text" id="three" value="" 
onkeypress="return isNumber(event)" onkeyup="getValues()"/><br/> 
<br/><br>
The total sum <input class="numbox" type="text" id="display" value="0" readonly>
</body>
</html>


Other 109 submission(s) by this author

 


Report Bad Submission
Use this form to tell us if this entry should be deleted (i.e contains no code, is a virus, etc.).
This submission should be removed because:

Your Vote

What do you think of this code (in the Beginner category)?
(The code with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor (See voting log ...)
 

Other User Comments


 There are no comments on this submission.
 

Add Your Feedback
Your feedback will be posted below and an email sent to the author. Please remember that the author was kind enough to share this with you, so any criticisms must be stated politely, or they will be deleted. (For feedback not related to this particular code, please click here instead.)
 

To post feedback, first please login.