Как я могу отобразить переменную javascript в специальное поле в html-сценарии с полосами?

Question

Я действительно блокирую это: Я хочу напечатать содержимое переменной javascript в поле «data-amount» и «data-description» моего сценария (я использую сценарий для API оплаты полосы) в HTML, и я действительно не не знаю, как это сделать ...

Вот javascript, который будет отображать значение:

 $(".totalPricesNoEngagementStripe2").text(parseInt(initialPrice) + parseInt(total));

Вот скрипт (из Stripe API):

<form action="setCharge.php" method="post">
        <input type="hidden" name="simple_engagement">
        <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                data-key="<?php echo $stripe['publishable_key']; ?>"
                data-description="PRINT JS VARIABLE HERE"
                data-amount="PRINT JS VARIABLE HERE"
                data-locale="auto"
                data-currency="eur"></script>
</form>

Answer 1

Вот решение с ванильным JS:

var el = document.getElementsByClassName('stripe-button')[0];

el.setAttribute('data-description', 'Here is the description');
el.setAttribute('data-amount', 'Here is the amount');

console.log(el)

<form action="setCharge.php" method="post">
  <input type="hidden" name="simple_engagement">
  <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="<?php //echo $stripe['publishable_key']; ?>" data-description="PRINT JS VARIABLE HERE" data-amount="PRINT JS VARIABLE HERE" data-locale="auto" data-currency="eur"></script>
</form>

Ссылки:

https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute

https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute