This document contains code for a web application that checks if a word or phrase is a palindrome. The application has an input field where the user can enter text, a button to check if it is a palindrome, and a results div that will display the output. There is also some explanatory text that defines what a palindrome is. The JavaScript code handles the input, runs the check, and displays the output.
This document contains code for a web application that checks if a word or phrase is a palindrome. The application has an input field where the user can enter text, a button to check if it is a palindrome, and a results div that will display the output. There is also some explanatory text that defines what a palindrome is. The JavaScript code handles the input, runs the check, and displays the output.
This document contains code for a web application that checks if a word or phrase is a palindrome. The application has an input field where the user can enter text, a button to check if it is a palindrome, and a results div that will display the output. There is also some explanatory text that defines what a palindrome is. The JavaScript code handles the input, runs the check, and displays the output.
This document contains code for a web application that checks if a word or phrase is a palindrome. The application has an input field where the user can enter text, a button to check if it is a palindrome, and a results div that will display the output. There is also some explanatory text that defines what a palindrome is. The JavaScript code handles the input, runs the check, and displays the output.
<link rel="stylesheet" href="styles.css" /> </head> <body> <main class="container"> <h2> PALINDROMATCH</h2> <h1 class="title">Is it a Palindrome?</h1> <div class="palindrome-div"> <label for="text-input" > Enter Keyword to check for a palindrome: </label> <input class="palindrome-input" id="text-input" value="" type="text" placeholder="type here"/> <button class="palindrome-btn" id="check-btn">Check It</button> <div class="results-div hidden" id="result"></div> </div> <div class="palindrome-definition-div"> <p class="palindrome-definition"> <span role="img" aria-label="light-bulb">💡</span> A <dfn>palindrome</dfn> is a word or sentence that's spelled the same way both forward and backward, ignoring punctuation, case, and spacing. </p> </div> </main> <script src="script.js"></script> </body> </html>
userInput.addEventListener('keydown', e => { if (e.key === 'Enter') { checkForPalindrome(userInput.value); userInput.value = ''; } }); /* function isPalindrome(s) { // Remove non-alphanumeric characters and convert to lowercase s = s.replace(/[^a-zA-Z0-9]/g, '').toLowerCase(); // Check if the string is equal to its reverse return s === s.split('').reverse().join(''); }
// Test the function with example inputs
console.log(isPalindrome("A")); // Output: true console.log(isPalindrome("eye")); // Output: true console.log(isPalindrome("_eye")); // Output: true console.log(isPalindrome("race car")); // Output: true console.log(isPalindrome("not a palindrome")); // Output: false console.log(isPalindrome("A man, a plan, a canal. Panama")); // Output: true console.log(isPalindrome("never odd or even")); // Output: true console.log(isPalindrome("nope")); // Output: false console.log(isPalindrome("almostomla")); // Output: false console.log(isPalindrome("My age is 0, 0 si ega ym.")); // Output: true console.log(isPalindrome("1 eye for of 1 eye.")); // Output: false console.log(isPalindrome("0_0 (: /-\\ :) 0-0")); // Output: true console.log(isPalindrome("five|\\_/|four")); // Output: false */
