Я разрабатываю счет персонажа для своего текстового поля на этом сайте. Прямо сейчас, это говорит NaN, потому что кажется, что не найти длину того, сколько символов находится в поле, которое в начале равно 0, поэтому число должно быть 500. В консоли в хром-инструментах разработчика ошибка не возникает. Весь мой код находится на сайте, я даже пытался использовать jQuery для обычного символа JavaScript для количества символов для поля textarea, но ничего не работает.
Скажите, пожалуйста, что я делаю неправильно как в jQuery, так и в коде JavaScript, который у меня есть в файле contact.js.
$(document).ready(function() {
var tel1 = document.forms["form"].elements.tel1;
var tel2 = document.forms["form"].elements.tel2;
var textarea = document.forms["form"].elements.textarea;
var clock = document.getElementById("clock");
var count = document.getElementById("count");
tel1.addEventListener("keyup", function (e){
checkTel(tel1.value, tel2);
});
tel2.addEventListener("keyup", function (e){
checkTel(tel2.value, tel3);
});
/*$("#textarea").keyup(function(){
var length = textarea.length;
console.log(length);
var charactersLeft = 500 - length;
console.log(charactersLeft);
count.innerHTML = "Characters left: " + charactersLeft;
console.log("Characters left: " + charactersLeft);
});​*/
textarea.addEventListener("keypress", textareaLengthCheck(textarea), false);
});
function checkTel(input, nextField) {
if (input.length == 3) {
nextField.focus();
} else if (input.length > 0) {
clock.style.display = "block";
}
}
function textareaLengthCheck(textarea) {
var length = textarea.length;
var charactersLeft = 500 - length;
count.innerHTML = "Characters left: " + charactersLeft;
}