页面上的特定JavaScript语句禁用条带签出

我已经在html页面上实现了Stripe的客户机专用仪表板Checkout（）。我将Stripe JS代码中的

quantity

值从整数1更改为我选择的名为

numb

的变量。我没有对Stripe的JS代码做任何其他更改

如果我使用自己的JS代码将

numb

的值更改为我选择的整数，那么当我单击结帐按钮时，条带结帐页面已更新数量和总价，以反映

numb

的值。这就是我想要的

问题出现在，而不是

numb=2

，我使用一个JS语句，它允许html页面的用户更改

numb

的值。以下是代码部分：

  <P>How many tickets do you want to buy?</p>
  <input type="number" id="steve-number-tickets">
  <button id="steve-testing">How many?</button>

  <p id="test-for-numb"></p>

  <script>
    // ***MY CODE***
    numb = 7;
    // User Chooses
    var howManyButton = document.getElementById('steve-testing');
    howManyButton.addEventListener('click', function () {
      numb = 2;
      // numb = document.getElementById('steve-number-tickets').value;
      // document.getElementById('test-for-numb').innerHTML = numb;
    });
    // ***END OF MY CODE***
  </script>

你想买多少张票
有多少

//***我的代码***
麻木=7；
//用户选择
var howManyButton=document.getElementById（'steve-testing'）；
howManyButton.addEventListener（'click'，函数（）{
麻木=2；
//numb=document.getElementById（'steve-number-tickets'）。值；
//document.getElementById（'test-for-numb'）。innerHTML=numb；
});
//***我的代码结束***

按照上面的代码，我得到了以下行为。如果用户刷新页面，只需单击“签出”按钮，则“条带签出”将向他们支付7项账单。如果他们刷新页面并单击我的多少？按钮，然后是结帐按钮，将结帐单分为两项

如果我更改代码，则注释掉

numb=2

，并从

numb=document.getElementById（'steve-number-tickets'）.value中删除注释，然后如果用户刷新页面并单击“签出”按钮，则为7个项目划出chekout账单。如果他们刷新页面并单击我的多少？按钮（无论他们是否首先在输入元素中输入整数），然后单击条带签出按钮，条带签出无法加载

我认为这一定是语句有问题：
numb=document.getElementById（'steve-number-tickets'）.value。因此，我通过取消对语句
document.getElementById（'test-for-numb'）的注释来测试它。当我这样做时，用户在输入元素中输入的值会显示在p元素中，当他们单击“多少”时，会显示id=“test for numb”？按钮所以，这句话确实如预期的那样有效

我无法理解为什么在使用语句
numb=document.getElementById（'steve-number-tickets'）.value时无法加载条带签出但是当我使用
numb=2时会加载

我很想知道发生了什么。
这是因为输入的
值是--
type=number
只影响UI，而不影响值类型。您只需将其包装以获得实际的数字，这正是Checkout API所期望的。
做到了。谢谢