// 결제위젯 스크립트 추가
const script = document.createElement('script')
script.src = 'https://js.tosspayments.com/v1/payment-widget'
document.head.append(script)
// 기존 결제창 삭제
document.querySelector('#old_content').remove()
// 결제위젯 추가
CLIENT_KEY = 'test_ck_OyL0qZ4G1VOd6abpljOroWb2MQYg'
AMOUNT = 410_000
const payments = document.createElement('div')
payments.id = 'payments'
document.querySelector('#temp_content').appendChild(payments)
const paymentWidget = PaymentWidget(CLIENT_KEY, 'test-customer')
paymentWidget.renderPaymentMethods('#payments', AMOUNT)
// 기존 결제 버튼 변경
const button = document.querySelector('.buy')
const newButton = button.cloneNode(true)
newButton.onclick = null
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
복사