Showing posts with label Odd and Even Number Checker in JavaScript. Show all posts
Showing posts with label Odd and Even Number Checker in JavaScript. Show all posts

Sunday, December 11, 2016

Odd and Even Number Checker in JavaScript

Here is a program that I wrote using JS or JavaScript to ask the user to give a number then our program will check and determine if the given number is ODD and EVEN number.  

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.




Sample Program Output


Program Listing

<html>
<body bgcolor="gray">

<script type="text/javascript">
  function odd_even() {
   
   var val = document.getElementById("num").value;
     n = parseInt(val);
if (isNaN(n))
{
alert("Please Enter a Number");
}
else if (n == 0)
{
alert("The number is zero");
}
else if (n%2)
{
alert("The number is odd");
}
else
{
alert("The number is even");
}
}
</script>
<font color="white" size="6">
 <center>
Odd And Even Number Checker 1.0 <br>
<font size="3">
Created By <br>
Mr. Jake R. Pomperada, MAED-IT
</center>
 <br>
</font>

<form >
<font color="white" size="4">
  Please Enter a Number <input type="text" id="num" name="number" /><br />
  <br>
  <input type="submit" value="Check Number" onclick="odd_even();"/>
</font>
</form>

</body>
</html>





Posted by at No comments:
Labels: , ,

Thursday, September 24, 2015

Odd and Even Number Checker in JavaScript

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.






Sample Program Output


Program Listing

<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>



Posted by at No comments:
Labels:
Subscribe to: Posts (Atom)