JS расчет в реальном времени с переменной ruby

Question

Я пытаюсь отобразить в реальном времени сумму между переменной ruby ​​и полем ввода, заполненным пользователем.

Я пробовал ниже js, но получаю NaN.

$(document).ready(function() {
    $(".total_time").keypress(function() {
        var fee = '<%=@user.fees%>';
        fee = parseFloat(fee);
        var time = $('.total_time').val();
        time = parseInt(time);
        $(".total_charge").text(fee * time);
    });
});

Вот поле ввода:

<input class="form-control total_time" name="total_time" placeholder="2" type="text"></input>

Answer 1

Проблема заключалась в использовании контейнеров <%= %> erb для представления значения.

Мне пришлось изменить код, чтобы использовать data

$(document).ready(function() {
  $(".total_time").keyup(function() {
    var fees = $('#user_fees').data('source');
    fee = parseFloat(fees);
    var time = $('.total_time').val();
    time = parseInt(time);
    var total = fees*time
    $(".total_charge").text(total);
  });
});