ustawianie paska z niestandardową ilością

Mam problem z ustawieniem niestandardowej kwoty, chciałbym ustawić ilość danych na to, co użytkownik wybierze w wejściowym identyfikatorze = „kwota-darowizny”, jak mam to zrobić. moja próba nie działa.

<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"/>

questionAnswers(4)

yourAnswerToTheQuestion