Palindrome Checker in JavaScript | Project #18 | HTML CSS JS | Beginner Friendly
🔁 Build a Palindrome Checker using HTML, CSS, and JavaScript!
This is JavaScript Project #18 in our 100 JavaScript Projects series.
Definition: A palindrome is a word, number, phrase, or sequence that reads the same backward as forward.
✅ Learn how to check if a word, number, or phrase is a palindrome
✅ Beautiful animated UI with gradient background and glassmorphism
✅ Full code walkthrough — beginner friendly!
⏱️ Timestamps:
00:00 - Intro + What is a Palindrome?
00:35 - Project Overview
02:30 - HTML Structure
09:43 - CSS Styling (Modern Glass UI)
14:50 - JavaScript Logic (Palindrome Check + Animation + Phrase Support)
17:30 - Final Result, Testing & Output
✨ What You’ll Learn:
What is a palindrome?
How to clean and reverse strings
JavaScript string manipulation
DOM handling and event listeners
Simple animations using CSS
🧠 Example inputs:
"madam"
"racecar"
"A man a plan a canal Panama"
"Was it a car or a cat I saw"
💻 Download Code:
GitHub link :https://github.com/mustansar3755/100-JavaS...
📚 More Projects in the Series: • 💻 JavaScript Project 17 – Password Generat...
👍 Like the video? Don’t forget to *Like**, **Subscribe**, and hit the **🔔 Bell icon* for more JavaScript mini projects!
#JavaScript #PalindromeChecker #100JavaScriptProjects #WebDevelopment #CodingProjects