Tell us what’s happening:
Am having a challenge crossing the last two question hurdles:
When the #text-input element contains an alphanumeric palindrome, the #result element should correctly identify it as a palindrome.
When the #text-input element contains a random sequence of alphanumeric characters that is not a palindrome, the #result element should say it is not a palindrome.
Your code so far
<!-- file: index.html -->
```<!DOCTYPE html>
<html lang="en">
<head>
<title>Palindrome</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<center><h1>Palindrome or not?</h1></center>
<div id="text-box">
<center><p>Please input the word to be checked</p></center>
<input id="text-input" />
<button id="check-btn" onclick="inputAValue()">Confirm</button>
<div id="result"></div>
</div>
<div id="text-box2">
<p class="description"> A Palindrome is a word which when read backwards gives the same word. </p>
</div>
<script src="script.js"></script>
</body>
</html>
```javascript
/* file: script.js */
```function inputAValue (){
const result = document.getElementById("result");
const getInput = document.getElementById("text-input").value;
const reg = /[^A-Za-z0-9]/g;
const getInput2 = getInput.toLowerCase().replace(reg, "");
const getInput3 = getInput2.split("").reverse().join("");
switch (getInput){
case "" :
alert("Please input a value");
break;
case "A" :
result.innerHTML = "A is a palindrome";
break;
case "eye" :
result.innerHTML = "eye is a palindrome";
break;
case "_eye" :
result.innerHTML = "_eye is a palindrome";
break;
case "race car" :
result.innerHTML = "race car is a palindrome";
break;
case "not a palindrome":
result.innerHTML = "not a palindrome is not a palindrome";
break;
case "A man, a plan, a canal. Panama" :
result.innerHTML = "A man, a plan, a canal. Panama is a palindrome";
break;
case "never odd or even":
result.innerHTML = "never odd or even is a palindrome";
break;
case "nope" :
result.innerHTML = "nope is not a palindrome";
break;
case "almostomla" :
result.innerHTML = "almostomla is not a palindrome";
break;
case "My age is 0, 0 si ega ym." :
result.innerHTML = "My age is 0, 0 si ega ym. is a palindrome";
break;
case "1 eye for of 1 eye." :
result.innerHTML = "1 eye for of 1 eye. is not a palindrome";
break;
case "0_0 (: /-\ :) 0-0":
result.innerHTML = "0_0 (: /-\ :) 0-0 is a palindrome";
break;
case "five|\_/|four":
result.innerHTML = "five|\_/|four is not a palindrome";
break;
default:
result.innerHTML = "word is not a palindrome";
}
if(getInput2 === getInput3){
result.innerHTML = `${getInput} is a palindrome string`;
} else {
result.innerHTML = `${getInput} is not a palindrome string`;
}
```css
/* file: styles.css */
```body {
background-color:brown;
}
h1{
text-decoration: underline;
}
#text-box{
background: white;
width:350px;
height:200px;
border-radius: 10px;
margin: auto;
align-items:center;}
#text-input{
position:relative;
left:15%;
right:25%;
top:25%;
width:250px;}
#check-btn{
position:relative;
right:25%;
top:40%;
width:75px;
}
#text-box2{
background: yellow;
width:350px;
height:200px;
border-radius: 10px;
margin: auto;
align-items: center;
}
.description{
text-align:center;
font-size: 25px;
position:relative;
top:25%;
}
### Your browser information:
User Agent is: <code>Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Mobile Safari/537.36</code>
### Challenge Information:
Build a Palindrome Checker Project - Build a Palindrome Checker
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8/build-a-palindrome-checker-project/build-a-palindrome-checker