script.js

 /*    function palindrome(str) {


    const alphanumericOnly = str
            // 1) Lowercase the input
            .toLowerCase()
            // 2) Strip out non-alphanumeric characters
            .match(/[a-z0-9]/g);
            
        // 3) return string === reversedString
        return alphanumericOnly.join('') ===
            alphanumericOnly.reverse().join('');}
    
    palindrome("eye");   
    */



    function palindrome() {
        let inputEl = document.getElementById('palindrome').value;
        let displayText = document.getElementById('display-text');
        let pattern = /_*\W*/g;
        let str = inputEl.toLowerCase().replace(pattern, '');
        let reverseString = str.split('').reverse().join('');  
        if(str != '')  
            if (str == reverseString) {
                displayText.innerHTML = `<span>'${inputEl}'</span> is a palindrome! (${str})`;
            }
            else {
                displayText.innerHTML = `<span>'${inputEl}'</span> not a palindrome!`;
            }
        else 
            displayText.innerHTML = 'Empty word!!'
    }