Scribd Logo
Upload

Welcome to Scribd!

  • Nouveau Document Texte

    Uploaded by

    amjoun najib
    17 views1 page
    The document initializes a payment button that allows a user to send 1 ETH to a specified Ethereum address when clicked. It first checks if the user has the MetaMask browser extension installed and enables it to access the user's Ethereum account. If MetaMask is not found, it checks for other Web3 providers. When the payment button is clicked, it uses the user's Web3 provider to send a transaction of 1 ETH to the given payment address. The status div then displays whether the payment succeeded or failed.

    Original Description:

    Original Title

    Nouveau Document Texte (2)

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document initializes a payment button that allows a user to send 1 ETH to a specified Ethereum address when clicked. It first checks if the user has the MetaMask browser extension installed and enables it to access the user's Ethereum account. If MetaMask is not found, it checks for other Web3 providers. When the payment button is clicked, it uses the user's Web3 provider to send a transaction of 1 ETH to the given payment address. The status div then displays whether the payment succeeded or failed.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    17 views1 page

    Nouveau Document Texte

    Uploaded by

    amjoun najib
    The document initializes a payment button that allows a user to send 1 ETH to a specified Ethereum address when clicked. It first checks if the user has the MetaMask browser extension installed and enables it to access the user's Ethereum account. If MetaMask is not found, it checks for other Web3 providers. When the payment button is clicked, it uses the user's Web3 provider to send a transaction of 1 ETH to the given payment address. The status div then displays whether the payment succeeded or failed.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <script
    src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    </head>
    <body>
    <div>
    <button class="pay-button">Pay</button>
    <div id="status"></div>
    </div>
    <script type="text/javascript">
    window.addEventListener('load', async () => {
    if (window.ethereum) {
    window.web3 = new Web3(ethereum);
    try {
    await ethereum.enable();
    initPayButton()
    } catch (err) {
    $('#status').html('User denied account access', err)
    }
    } else if (window.web3) {
    window.web3 = new Web3(web3.currentProvider)
    initPayButton()
    } else {
    $('#status').html('No Metamask (or other Web3 Provider) installed')
    }
    })

    const initPayButton = () => {


    $('.pay-button').click(() => {
    // paymentAddress is where funds will be send to
    const paymentAddress = '0x0F1DF99EdF6f17229B3e660395600b1De1fEB0A4'
    const amountEth = 1

    web3.eth.sendTransaction({
    to: paymentAddress,
    value: web3.toWei(amountEth, 'ether')
    }, (err, transactionId) => {
    if (err) {
    console.log('Payment failed', err)
    $('#status').html('Payment failed')
    } else {
    console.log('Payment successful', transactionId)
    $('#status').html('Payment successful')
    }
    })
    })
    }
    </script>
    </body>
    </html>

    You might also like