Palindrome Number Program In JavaScript

By: Prof. Fazal Rehman Shamil 

Last modified on October 8th, 2019

Palindrome Number Program In JavaScript

Palindrome Number Program In JavaScript is the today topic of discussion in this tutorial.

Let’s say the number we want to check palindrome is 16461

There would be 5 iterations because the size of the number consists of 5 digits

Flowchart of Palindrome Number

flowchart of palindrom number javascript — **Figure:** Flowchart of palindrome number javascript

Begin

End

After 5 iterations are completed the remainder is actually reversed number which is a palindrome.

Note that the negative numbers are not a palindrome. A single-digit is also a palindrome because when a digit is reversed it remains the same.

Program of Palindrome In JavaScript

Program of Palindrome In JavaScript is mentioned below.

<!DOCTYPE html>
<html>
<head>
<title>Palindrome</title>
</head>
<body style="margin: auto 0px; text-align: center;">
<h3>Enter Positive Integer Number</h3>
<input type="text" name="textbox" id="inputtxt" onkeyup="CheckPalindrome()">
<input type="button" value="Check" id="btn" onclick="CheckPalindrome()">
<h3 id="ans"></h3>
</body>
<script type="text/javascript">
function CheckPalindrome()
{
var inputNumber = document.getElementById("inputtxt").value;
if(isNaN(inputNumber))
{
document.getElementById("ans").innerHTML= "Wrong Input";
}
else
{
var holdNumber = inputNumber;
var reverseNumber;
var rem = 0;
for(;inputNumber != 0;)
{
reverseNumber = parseInt(inputNumber % 10) ;
inputNumber = parseInt(inputNumber / 10) ;
rem = rem * 10 + reverseNumber ;
reverseNumber = rem ;
} 
if(holdNumber == reverseNumber)
document.getElementById("ans").innerHTML="Input Number Is Palindrome";
else
document.getElementById("ans").innerHTML="Input Number Is Not Palindrome";
}
}
</script>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Palindrome</title>

</head>

<h3>Enter Positive Integer Number</h3>

</body>

function CheckPalindrome()

{

var inputNumber = document.getElementById("inputtxt").value;

if(isNaN(inputNumber))

{

document.getElementById("ans").innerHTML= "Wrong Input";

}

else

{

var holdNumber = inputNumber;

var reverseNumber;

var rem = 0;

for(;inputNumber != 0;)

{

reverseNumber = parseInt(inputNumber % 10) ;

inputNumber = parseInt(inputNumber / 10) ;

rem = rem * 10 + reverseNumber ;

reverseNumber = rem ;

}

if(holdNumber == reverseNumber)

document.getElementById("ans").innerHTML="Input Number Is Palindrome";

else

document.getElementById("ans").innerHTML="Input Number Is Not Palindrome";

}

</script>

</html>

Output

Pseudo Code of Palindrome Number Program In JavaScript

Display heading Enter a positive integer number
Display a text box
Display a Check button
When user click Check button call function CheckPalindrome()
In CheckPalindrome() function
Declare a variable inputNumber
Declare a variable holdNumber
Declare a variable reverseNumber
Declare a variable rem=0 for remainder initialized with value of 0
Assign value of textbox to inputNumber
Put inputNumber value in holdNumber
Run a for loop
for(;inputNumber != 0;)
{

reverseNumber = parseInt(inputNumber % 10);

inputNumber = parseInt(inputNumber / 10);

rem = rem * 10 + reverseNumber;

reverseNumber = rem;

}
if(holdNumber = = reverseNumber)

Display, Input Number Is Palindrome in a heading of html tag h3

else

Display, Input Number Is Not Palindrome in a heading of html tag h3

Author
Recent Posts

Prof. Fazal Rehman Shamil

CEO @ T4Tutorials.com
I welcome to all of you if you want to discuss about any topic. Researchers, teachers and students are allowed to use the content for non commercial offline purpose. Further, You must use the reference of the website, if you want to use the partial content for research purpose.

Latest posts by Prof. Fazal Rehman Shamil (see all)

List of Public service commissions - August 31, 2020
Comparison of fee structure of Pakistani Universities - June 1, 2020
Past Guess Paper of Auditing - May 12, 2020

Palindrome Number Program In JavaScript