Textarea char count javaScript в Jinja2 для петли ⇐ Javascript

[Anonymous]

Ребята, я пытаюсь сделать простое количество символов в Textarea, и я знаю код, который он работает, потому что я устанавливаю его на другие страницы, которые вы можете увидеть на картинке. Тот же код в модальном.






{{post.Title}}




Your Answer*











Answer





< /code>

Одна вещь, которую я хочу указать, это то, что в моем Textarea для других входов у меня нет этого поста. Код JS также вставлен в сферу цикла для цикла, поэтому я подумал, что будет работать нормально, но, как я сказал, он применяется только для первого элемента в списке.var textarea = document.getElementById("textarea_{{post.Id}}");
var progressBar = document.getElementsByClassName("progress-bar");
var remChars = document.getElementsByClassName("remaining-chars");

function charCounter(inputField) {
var maxLength = inputField.getAttribute("maxlength");
var currentLength = inputField.value.length;
var progressWidth = (currentLength / maxLength) * 100;

progressBar.style.width = `${progressWidth}%`;
remChars.style.display = "none";

if (progressWidth 60 && progressWidth < 85) {
progressBar.style.backgroundColor = "rgb(236, 157, 8)";
} else {
progressBar.style.backgroundColor = "rgb(241, 9, 9)";
remChars.innerHTML = `${maxLength - currentLength} characters left`;
remChars.style.display = "block";
}
}

if (textarea != null){
textarea.oninput = () => charCounter(textarea);
}
< /code>
Итак, это то, что у меня возникают проблемы, ребята. Если у кого-нибудь есть идеи, как заставить этот JS применить ко всем текстовым мерам в мою петлю, я ценю.

Подробнее здесь: https://stackoverflow.com/questions/796 ... 2-for-lopp