// 결제위젯 스크립트 추가
const script = document.createElement('script')
script.src = 'https://js.tosspayments.com/v1/payment-widget'
document.head.append(script)
// 기존 결제창 삭제
document.querySelector('#Card').parentElement.parentElement.previousSibling.remove()
document.querySelector('#Card').parentElement.parentElement.id = 'payments'
document.querySelector('#payments').style = ''
document.querySelector('#payments').innerHTML = ''
// 결제위젯 추가
CLIENT_KEY = 'test_ck_aBX7zk2yd8yoaRP1ABYVx9POLqKQ'
AMOUNT = 54_600
const paymentWidget = PaymentWidget(CLIENT_KEY, 'test-customer')
paymentWidget.renderPaymentMethods('#payments', AMOUNT)
// 기존 결제 버튼 변경
const button = document.querySelector('.sub3_total')
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
복사