Palindrome Checker

Welcome to Palindrome Checker! This simple web app allows you to check if a given text is a palindrome or not. A palindrome is a word or phrase that reads the same forwards and backwards, disregarding punctuation, case, and spacing.

How to Use

1. Enter your text into the input field labeled "Enter text here".
2. Click the "Check" button.
3. The app will then determine if your text is a palindrome or not and display the result below the input field.

User Stories

• You should have an input element with an id of "text-input"
• You should have a button element with an id of "check-btn"
• You should have a div element with an id of "result"
• When you click on the #check-btn element without entering a value into the #text-input element, an alert should appear with the text "Please input a value"
• When the #text-input element only contains the letter A and the #check-btn element is clicked, the #result element should contain the text "A is a palindrome"
• When the #text-input element contains the text eye and the #check-btn element is clicked, the #result element should contain the text "eye is a palindrome"
• When the #text-input element contains the text _eye and the #check-btn element is clicked, the #result element should contain the text "_eye is a palindrome"
• When the #text-input element contains the text race car and the #check-btn element is clicked, the #result element should contain the text "race car is a palindrome"
• When the #text-input element contains the text not a palindrome and the #check-btn element is clicked, the #result element should contain the text "not a palindrome is not a palindrome"
• When the #test-input element contains the text A man, a plan, a canal. Panama and the #check-btn element is clicked, the #result element should contain the text "A man, a plan, a canal. Panama is a palindrome"
• When the #text-input element contains the text never odd or even and the #check-btn element is clicked, the #result element should contain the text "never odd or even is a palindrome"
• When the #text-input element contains the text nope and the #check-btn element is clicked, the #result element should contain the text "nope is not a palindrome"
• When the #text-input element contains the text almostomla and the #check-btn element is clicked, the #result element should contain the text "almostomla is not a palindrome"
• When the #text-input element contains the text My age is 0, 0 si ega ym. and the #check-btn element is clicked, the #result element should contain the text "My age is 0, 0 si ega ym. is a palindrome"
• When the #text-input element contains the text 1 eye for of 1 eye. and the #check-btn element is clicked, the #result element should contain the text "1 eye for of 1 eye. is not a palindrome"
• When the #text-input element contains the text 0_0 (: /-\ :) 0-0 and the #check-btn element is clicked, the #result element should contain the text "0_0 (: /-\ :) 0-0 is a palindrome"
• When the #text-input element contains the text five|_/|four and the #check-btn element is clicked, the #result element should contain the text "five|_/|four is not a palindrome"

Technologies Used

• HTML
• CSS
• JavaScript

Credits

This project is inspired by the FreeCodeCamp Palindrome Checker project.