Step 1: Design Page – PalindromeNumber.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PalindromeNumber.aspx.cs" Inherits="PalindromeNumber" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Palindrome Number Checker - Real Time Example</title>
<style>
body {
font-family: Arial;
background-color: #f0f2f5;
margin: 50px;
}
.container {
width: 400px;
margin: auto;
background: white;
border-radius: 8px;
box-shadow: 0px 0px 10px #ccc;
padding: 20px;
}
h2 {
color: #1A2A80;
text-align: center;
}
.form-control {
width: 100%;
padding: 8px;
margin-top: 10px;
}
.btn {
background-color: #7A85C1;
color: white;
border: none;
padding: 10px 20px;
margin-top: 10px;
border-radius: 5px;
cursor: pointer;
}
.result {
font-weight: bold;
color: #333;
margin-top: 15px;
text-align: center;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<h2>Palindrome Number Checker</h2>
<asp:Label ID="lblNumber" runat="server" Text="Enter a Number:"></asp:Label><br />
<asp:TextBox ID="txtNumber" runat="server" CssClass="form-control"></asp:TextBox><br />
<asp:Button ID="btnCheck" runat="server" Text="Check Palindrome" CssClass="btn" OnClick="btnCheck_Click" /><br />
<asp:Label ID="lblResult" runat="server" CssClass="result"></asp:Label>
</div>
</form>
</body>
</html>
Step 2: Backend Logic – PalindromeNumber.aspx.cs
using System;
public partial class PalindromeNumber : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnCheck_Click(object sender, EventArgs e)
{
int number;
bool isValid = int.TryParse(txtNumber.Text.Trim(), out number);
if (!isValid || number < 0)
{
lblResult.Text = "Please enter a valid positive number.";
lblResult.ForeColor = System.Drawing.Color.Red;
return;
}
if (IsPalindrome(number))
{
lblResult.Text = $"{number} is a Palindrome Number.";
lblResult.ForeColor = System.Drawing.Color.Green;
}
else
{
lblResult.Text = $"{number} is NOT a Palindrome Number.";
lblResult.ForeColor = System.Drawing.Color.Red;
}
}
private bool IsPalindrome(int num)
{
int original = num;
int reversed = 0;
while (num > 0)
{
int digit = num % 10;
reversed = (reversed * 10) + digit;
num /= 10;
}
return original == reversed;
}
}
Real-Time Example Flow
Open the web page PalindromeNumber.aspx.
Enter a number, for example 1331.
Click the “Check Palindrome” button.
The label displays:
“1331 is a Palindrome Number.”
or
“1234 is NOT a Palindrome Number.”
Explanation
TextBox (txtNumber) → User inputs a number.
Button (btnCheck) → Triggers the palindrome check.
IsPalindrome() method → Reverses the number using modulus (%) and division (/) and compares it to the original.
Label (lblResult) → Displays the result dynamically with colors.