Javascript send ethereum

<form>
    <input id="eth" name="eth" type="number" value="0.01">
    <input id="recipient" name="recipient" type="text">
    <button>Send Ethereum</button>
</form>

<!-- Using Ethers.JS -->
<script src="https://unpkg.com/ethers@5.5.2/dist/ethers.umd.min.js"></script>
<script>
    (async function init(){ 

        if ( !window.ethereum ){
            throw new Error("No crypto wallet found!");
        }

        const form = document.querySelector("form");

        form.addEventListener("submit", async (e)=>{

            e.preventDefault();

            try {
                await window.ethereum.send("eth_requestAccounts");
                const provider = new ethers.providers.Web3Provider(window.ethereum);
                const signer = provider.getSigner();
                const recipient = ethers.utils.getAddress(form.recipient.value);
                const tx = await signer.sendTransaction({
                    to: recipient,
                    value: ethers.utils.parseEther(form.eth.value)
                });
                console.log({ 
                    from: tx.from,
                    to: tx.to,
                    hash: tx.hash 
                });

            } catch(e){

                console.error(e.message);

            }
        });

    }());
</script>

Source: codegrepper.com

Similar codes

1 vote152 views1 answer
How to add button to open a website using html
Html
7 votes115 views2 answers
Specifying file types in html file input
Html
0 vote130 views1 answer
Chakra ui center content table
Html
3 votes126 views1 answer
Embed string html angular
Html
0 vote137 views2 answers
Tooltip with Html attribute bootstrap 5
Html
0 vote137 views1 answer
Como cambiar la fuente de letra en html
Html
0 vote124 views1 answer
Html webcam filter effects
Html
0 vote126 views1 answer
Vaginal lubrication
Html
0 vote168 views1 answer
Enmascarar url html
Html
23 votes131 views5 answers
Meta description tag in html
Html