ReferenceError: input is not defined

JavaScript
1

Okay here it says input is not defined. What did I wrong?
Thanks in advance!

const textInput = document.getElementById("text-input");
const checkBtn = document.getElementById("check-btn");
const result = document.getElementById("result");

//alert for no input
const checkForInput = (input) => {
  if (input === ""){
    alert("Please input a value");
  }
}
checkBtn.addEventListener("click", () => {
  checkForInput(textInput.value);
})

//Make everything lowercase
const lowercaseInput = input.replace(/[^A-Za-z0-9]/gi).toLowerCase();

//Check for palindrome and send message
const checkIfPalindrome  = () => {
  if (lowercaseInput === lowercaseInput.split("").reverse().join("")){
    resultMessageTrue()
  } else {
    resultMessageFalse();
  }
}
let resultMessageTrue = `<strong>${lowerCaseInput}</strong> is a palindrome`;
let resultMessageFalse = `${lowerCaseInput} is not a palindrome`;
2

where is this ‘input’ variable that you are using here coming from?

3

It’s from the function

const checkForInput = (input) => {
  if (input === ""){
    alert("Please input a value");
  }
}

And I defined it here:

checkBtn.addEventListener("click", () => {
  checkForInput(textInput.value);
})

Or did I do it wrong this way?

4

Hi there!
You didn’t assigned input to textInput variable, anywhere in your code block.

5

ahh okay thank you very much!