Palindromes Check After Cleaning Input

This JavaScript project demonstrates the use of functions and REGEX to validate and process user input in a front-end web application. The code cleans the input, ensuring the data is suitable for further processing to check if it's a palindrome. Through a series of interconnected functions, the cleaned input is reversed and compared.

In many web applications, processing user input accurately is crucial for functionality and user experience. One such example can be seen in this simple JavaScript project that utilizes HTML and CSS for the front-end interface that I call “RadaR”. This project focuses on determining whether a user's input is a palindrome—a sequence that reads the same forwards and backward.

To ensure the input is processed correctly, the project employs JavaScript functions that pass information to each other, forming a cohesive workflow. A key part of this process involves cleaning the input to remove any non-alphanumeric characters, using Regular Expressions (REGEX). This is done through the line let cleanInput = message.replaceAll(/[^a-zA-Z0-9]/g, '');, which ensures that only letters and numbers are considered, enhancing the accuracy of the palindrome check.

The JavaScript code comprises several functions each responsible for a specific task:

1. getValues() - retrieves and cleans the user's input using REGEX, then directs the cleaned input to further processing functions.
2. reverseMessage() - takes the cleaned input and reverses the string, which is essential for palindrome checking.
3. checkForPalindrome() - compares the original cleaned input with its reversed version to determine if the string is a palindrome.
4. displayResults() - displays the result on the web page, informing the user if their input is a palindrome or not.

This project exemplifies how foundational JavaScript functions can effectively work together to handle and validate user input. The use of REGEX for input cleaning is a simple yet powerful tool for maintaining data integrity. Overall, such projects serve as excellent learning platforms for understanding the basics of web development and the practical application of JavaScript alongside HTML and CSS.