const btncheck = document.querySelector(
"button"
);
const str = document.querySelector(
"input"
);
const inputString = document.querySelector(
".input-string"
);
const reverseString = document.querySelector(
".reversed-string"
);
const outputText = document.querySelector(
".output-text"
);
btncheck.addEventListener(
"click"
, (e) => {
e.preventDefault();
const input = str.value.toLocaleLowerCase();
const string = input.split(
""
);
const rearray = string.reverse();
const reversedString = rearray.join(
""
);
inputString.textContent = input;
reverseString.textContent = reversedString;
if
(input == reversedString) {
outputText.textContent =
"The input string is a palindrome!"
;
}
else
{
outputText.textContent =
"The input string is not a palindrome"
;
}
str.value =
""
;
});