Элементы формы нельзя использовать после отправки. ⇐ Javascript

[Anonymous]

Код находится здесь:
https://codepen.io/AthreyuIV/pen/EaYRRrb

Код: Выделить всё

Palindrome Checker








Palindrome Checker
Palindrome

Checker



Check

Код: Выделить всё

const checkButton = document.getElementById("check-btn");

const textInput = document.getElementById("text-input")

const resultText = document.getElementById("result");

const formData = document.getElementById("palindrome");

checkButton.addEventListener("click", () => {

const cleanString = textInput.value.replace(/\W|_/g, "");

const reverseString = cleanString.split("").reverse().join("");

if (textInput.value === "") {

alert("Please input a value.")

} else if (reverseString.toLowerCase() === cleanString.toLowerCase()) {

resultText.textContent = `${textInput.value} is a palindrome`;

} else {

resultText.textContent = `${textInput.value} is not a palindrome`

}

formData.reset()

});

Элементы формы не работают сразу после сброса формы. Кажется, он отключен.
Я попробовал использовать .refocus() и попытался установить textInput.disabled = false; до и после того, как я очистил форму. Я попытался даже не использовать .reset() и вместо этого установить для textContent пустую строку. Я попытался создать функцию сброса вне eventListener и вместо этого вызвать ее как функцию. Я пробовал изменить значение «только для чтения» на false.

Подробнее здесь: https://stackoverflow.com/questions/793 ... submission