настройка полосы с пользовательским количеством

У меня проблема с настройкой пользовательской суммы, я хотел бы установить количество данных в соответствии с тем, что пользователь выберет в input id = "custom-donation-amount", как мне это сделать. моя попытка не работает

<script
  src="https://checkout.stripe.com/checkout.js" class="stripe-button"
  data-image="images/button.png"
  data-key="pk_test_FTZOOu9FL0iYJXXXXXX"
  data-name="Fund"
  data-label= "DONATE"
  data-description="ysysys"
  data-amount = 
  >

    $('.donate-button').click(function(event){
    var self = $(this);
    var amount = 0;
     amount = $('#custom-donation-amount').val();
      if (amount === "") {
        amount = 50;
      }

    amount = self.attr('data-amount');
    amount = Math.abs(amount * 100);
  });

</script>
 <input type="number" id="custom-donation-amount" placeholder="50.00" min="0" step="10.00"/>

Ответы на вопрос(4)

Ваш ответ на вопрос