VB icon

Odd and Even Number Checker in JavaScript

Email
Submitted on: 9/24/2015 12:35:58 PM
By: Jake R. Pomperada  
Level: Beginner
User Rating: By 1 Users
Compatibility: JavaScript
Views: 11307
author picture
 
     In this article I will share with you a program that will check if the given number by our user is an Odd or Even Number using Javascript as our programming language. I included a button to clear the text field and validation code to check for invalid values being given by our end user. If you have some questions please send me an email at jake.r.pomperada@gmail.com and jakerpomperada@yahoo.com. My mobile number here in the Philippines is 09173084360.

 
code:
Can't Copy and Paste this?
Click here for a copy-and-paste friendly version of this code!
				
'**************************************
' Name: Odd and Even Number Checker in JavaScript
' Description:In this article I will share with you a program that will check if the given number by our user is an Odd or Even Number using Javascript as our programming language. I included a button to clear the text field and validation code to check for invalid values being given by our end user.
If you have some questions please send me an email at jake.r.pomperada@gmail.com and jakerpomperada@yahoo.com. My mobile number here in the Philippines is 09173084360.
' By: Jake R. Pomperada
'**************************************

<html>
<head>
<style>
body {
 background-color:lightgreen;
 font-family:arial;
 font-size:25px;
 color:blue;
 }
 label {
float: left;
width: 30%;
text-align: left;
margin-right: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.form-field-no-caption {
margin-le
input[type="radio"]{
 float:left;
}
</style>
<meta charset="UTF-8">
<title> Odd and Even Number Checker in JavaScript</title>
 
 <script type="text/javascript">
 
function find_odd_even() {
	 var input = document.getElementById("userInput").value;
var number = parseInt(input);
if (isNaN(number)) {
alert("Please enter a number.");
document.getElementById("userInput").value="";
document.getElementById("result").innerHTML = "";
document.getElementById("userInput").focus();
}
 
else if (input.length === 0) {
alert("Please enter a valid input");
document.getElementById("userInput").focus();
}
else if (number % 2 == 0 ) {
document.getElementById("result").innerHTML = number + " is even number.";
}
else {
	 document.getElementById("result").innerHTML = number + " is odd number.";
 }
}
function clear_textbox(){
 document.getElementById("result").innerHTML = "";
 document.getElementById("userInput").value="";
 document.getElementById("userInput").focus();
 
}
</script>
</head>
<body>
<h4> Odd and Even Number Checker in JavaScript </h4>
 Enter a Number 
<input type="text" id="userInput" autofocus value = "" />
<input type="submit" value="Check" 
title="Click here to check if the given number is an ODD or EVEN number."
onclick="find_odd_even()" />
<input type="submit" value="Clear" 
 title="Click here to clear the text box."
onclick="clear_textbox()" />
	<br><br>
	<p id="result"></h1>
</body>
</html>


Other 108 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.