Code is not working for palindrome checker

JavaScript
1

i had completed my project code for a palindrome checker. after running tests its not completing the tests. i don’t know why this is happening.
please help me in this regard
here’s my code

const checkBtn = document.getElementById("check-btn")
const userInput = document.getElementById("text-input")
const result = document.getElementById("result")
const checkPalindrome = str => {
  const ival = str;
    if(str === "") {
        alert("Please input a value");
        return;
    }
   result.replaceChildren() 
   const lowerCaseStr = str.replace(/[^A-Za-z0-9]/gi, '').toLowerCase();
   let resultMsg = `<strong>${ival}</strong> ${lowerCaseStr === [...lowerCaseStr].reverse().join('') ? 'is a ' : 'is not a '} Palindrome`;
   result.innerHTML = resultMsg 
   }

   checkBtn.addEventListener("click", ()=>{
  checkPalindrome(userInput.value);
 userInput.value = ''
  } ) 
  userInput.addEventListener('keydown' , e =>{
      if(e.key === 'Enter'){
          checkPalindrome(userInput.value)
          userInput.value = ''
      }
  })
2

Could you share the HTML as well? It’s required to fully reproduce the working state.

3

yes sure!
here’s

<input id="text-input">
<button id="check-btn" onClick="isPalindrome()">Check</button>
<div id="result"></div>
4

It doesn’t have the script tag, to use the code defined in JS file.

5

thanks for the response

6

i have added it in the separate js file but it is also not working there as well. test is going fails.

7

Did you add the script tag to your HTML?

It helps if you share your entire, updated HTML.

8

Thanks for guidence problem solved .

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.