Payment Request API sample

サンプルなのでボタンを押しても実際には請求されません。

高級PCパーツを購入する

// <button type="button" id="buy">高級PCパーツを購入する</button>
function onBuy() {
  const support = [{
      supportedMethods: ['basic-card']
  }];
  const details = {
    displayItems: [
      {
        label: '高級PCパーツ',
        amount: { currency: 'JPN', value: '9000' }
      },
      {
        label: '消費税',
        amount: { currency: 'JPN', value: '720' }
      }
    ],
    total: {
      label: '合計',
      amount: { currency: 'JPN', value : '9720' }
    }
  };
  const request = new PaymentRequest(support, details);
  request.show();
}

const buy = document.getElementById('buy');
buy.addEventListener('click', () => {
  onBuy();
});