// 결제위젯 스크립트 추가
const script = document.createElement('script')
script.src = 'https://js.tosspayments.com/v1/payment-widget'
document.head.append(script)
// 기존 결제창 삭제
document.querySelector('.css-1e1rklt.e1l9gsxl0').innerHTML = ''
// 결제위젯 추가
CLIENT_KEY = 'test_ck_d26DlbXAaV0OOZOLPJ43qY50Q9RB'
AMOUNT = 7_661_370
const payments = document.createElement('div')
payments.id = 'payments'
payments.style = 'width: 100%;'
document.querySelector('.css-1e1rklt.e1l9gsxl0').appendChild(payments)
const paymentWidget = PaymentWidget(CLIENT_KEY, 'test-customer')
paymentWidget.renderPaymentMethods('#payments', AMOUNT)
// 기존 결제 버튼 변경
const button = document.querySelector('.e1ordfm10.css-vq3usf.e1a28iii0')
const newButton = button.cloneNode(true)
newButton.addEventListener('click', () => {
paymentWidget.requestPayment({
orderId: 'unique-order-id',
orderName: '상품명',
successUrl: 'https://shop.com/success',
failUrl: 'https://shop.com/success',
customerEmail: 'customer@email.com',
customerName: '김토스'
})
})
button.parentNode.replaceChild(newButton, button)
JavaScript
복사
