Проблема с глобальными переменными

Question

См jfiddle здесь: https://jsfiddle.net/dirturban/0nq4zLen/1/

В противном случае, кто-то может сказать мне, почему мой var text_length не работает?

код ниже:

var text_length = $('#textarea').val().length; 
var video_length = text_length/920; 
var totalPrice = video_length * 2750; 

$('#textarea').keyup(function() { 
    $('#textarea_feedback').html(text_length + ' minutes'); 
}); 

$('button').click(function() { 
    $('#price').text('$' + totalPrice + '.00'); 
}); 

Answer 1

Оберните вары внутри функции KeyUp в

$('#textarea').keyup(function() { 
    var text_length = $('#textarea').val().length; 
    var video_length = text_length; 
    var totalPrice = video_length; 
    $('#textarea_feedback').html(video_length + ' minutes'); 

}); 

Теперь ваши вары приведены новые значения на каждом KeyUp, также убедитесь, что вы установили вар значения перед тем, как вы поместите html в div

Прежде, чем они будут только gett ИНГ значения по документу готовы так для всех JavaScript знал ваш text_length вар всегда 0