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

[Anonymous]

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

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

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()
});

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

Palindrome Checker
Palindrome
Checker



Check

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

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