Tell us what’s happening:
Step 15/16 - Could someone explain to me why step 15 is not a palindrome, were removing all characters besides letters that leave (eye for of eye), which looks like a palindrome to me.
For step 16 I’m assuming that all characters are being removed so I don’t quite understand that one either.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<label for="textInput">Type Something:</label>
<input type="text" id="text-input">
<button id="check-btn">big ass button</button>
<div id="result"></div>
<script src="script.js"></script>
</body>
</html>
/* file: styles.css */
/* file: script.js */
const textInput = document.getElementById('text-input');
const checkButton = document.getElementById('check-btn');
const resultDiv = document.getElementById('result');
checkButton.addEventListener('click', () => {
let text = textInput.value
if(text === undefined || text.length === 0) {
alert("Please input a value")
} else palindromeChecker(text)
})
const palindromeChecker = (str) => {
let newStr = str.toUpperCase().match(/[a-zA-Z]/g).join('')
let compStr = str.match(/[a-zA-Z]/g).reverse().join('').toUpperCase()
if(newStr === compStr){
resultDiv.innerHTML =`${str} is a palindrome`
} else resultDiv.innerHTML = `${str} is not a palindrome`
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36
Challenge Information:
Build a Palindrome Checker Project - Build a Palindrome Checker