lesson- 8 `Fund Function stopped working` #1965

TimeKeyRoll · 2022-08-22T10:53:46Z

TimeKeyRoll
Aug 22, 2022

I am not sure what just happend with fund function. it was working and suddenly it starts to throw error. does anyone know about this error?

Answered by krakxn

Aug 22, 2022

The function fund—where the BigNumber error arises—is logically correct in your index.js, do not know why the problem is arising there? Is the fund function of the contract correct too?

View full answer

TimeKeyRoll · 2022-08-22T10:54:07Z

TimeKeyRoll
Aug 22, 2022
Author

index.js

import { ethers } from "./ethers-5.6.esm.min.js"
import { abi, contractAddress } from "./constants.js"

const connectbutton = document.getElementById("connectbutton")
const fundbutton = document.getElementById("fundbutton")
const balanceButton = document.getElementById("balanceButton")
const withdrawalButton = document.getElementById("withdrawalButton")
connectbutton.onclick = connect
fundbutton.onclick = fund
balanceButton.onclick = getBalance
withdrawalButton.onclick = withdrawal
console.log(ethers)

async function connect() {
    if (typeof window.ethereum != "undefined") {
        await ethereum.request({
            method: "eth_requestAccounts",
        })
        connectbutton.innerHTML = "connected!"
    } else {
        connectbutton.innerHTML = "please install metamask"
    }
}

async function getBalance() {
    if (typeof window.ethereum != "undefined") {
        const provider = new ethers.providers.Web3Provider(window.ethereum)
        const balance = await provider.getBalance(contractAddress)
        console.log(ethers.utils.formatEther(balance))
    }
}

async function fund() {
    const ethAmount = document.getElementById("ethAmount").value
    console.log(`fundin with ${ethAmount}`)

    if (typeof window.ethereum != "undefined") {
        //provider /connection to the blockchain
        //signer /wallet /someone with some gas
        //contract that we are intercating with
        //ABI and ADDRESS
        const provider = new ethers.providers.Web3Provider(window.ethereum)
        const signer = provider.getSigner()
        const contract = new ethers.Contract(contractAddress, abi, signer)
        try {
            const transactionResponse = await contract.fund({
                value: ethers.utils.parseEther(ethAmount),
            })
            //wait for this tx to finish
            await listenForTransactionMine(transactionResponse, provider)
            console.log("done")
        } catch (error) {
            console.log(error)
        }
    }
}
function listenForTransactionMine(transactionResponse, provider) {
    console.log(`Mining ${transactionResponse.hash}....`)
    //liste for this transaction to be finish
    //return new Prommise()
    //function listener(){}/ we dont use it since we have annoymous function
    return new Promise((resolve, reject) => {
        provider.once(transactionResponse.hash, (transactionReceipt) => {
            console.log(
                `completed with ${transactionReceipt.confirmations}confirmations`
            )
            resolve()
        })
    })
}
async function withdrawal() {
    if (typeof window.ethereum != "undefined") {
        console.log("withdrawaling...")
        const provider = new ethers.providers.Web3Provider(window.ethereum)
        const signer = provider.getSigner()
        const contract = new ethers.Contract(contractAddress, abi, signer)
        try {
            const transactionResponse = await contract.withdrawal()
            await listenForTransactionMine(transactionResponse, provider)
        } catch (error) {
            console.log(error)
        }
    }
}

0 replies

TimeKeyRoll · 2022-08-22T10:54:28Z

TimeKeyRoll
Aug 22, 2022
Author

index.HTML

<!DOCTYPE html>
<html lang="" en>
    <head>
        <title>fund me app</title>
    </head>
    <body>
        fund Me app
        <script src="./index.js" type="module"></script>
        <button id="connectbutton">connect</button>
        <button id="balanceButton">getBalance</button>
        <button id="withdrawalButton">withdrawal</button>

        <!-- form -->
        <button id="fundbutton">fund</button>

        <!-- form -->
        <label for="fund">EthAmount</label>
        <input id="ethAmount" placeholder="0.1" />
    </body>
</html>

0 replies

krakxn · 2022-08-22T12:39:05Z

krakxn
Aug 22, 2022

The function fund—where the BigNumber error arises—is logically correct in your index.js, do not know why the problem is arising there? Is the fund function of the contract correct too?

35 replies

krakxn Aug 24, 2022

@MasterofBlockchain Not yet. Although, I am going to soon. I will let you know after cloning :)

RoboCrypter Aug 24, 2022

@MasterofBlockchain : Every thing is fine, and working pecfectly, I have funded and also withdrawal from your html frontend.
I have checked both your backend and frontend code and cloned both of them and is still running in background.

Now, I want you to try again. and tell me every step of the way the problem lies there!

TimeKeyRoll Aug 24, 2022
Author

Yes it was working with me too but still fund function sucks. it gives me an error when i click on this. the error is mentioned as in the screenshot...

TimeKeyRoll Aug 24, 2022
Author

@abossofmyself Thankyou very much. it started to work on its own. thankyou again.

TimeKeyRoll Aug 24, 2022
Author

@krakxn thanks man! it is working now.

lesson- 8 Fund Function stopped working #1965

Uh oh!

TimeKeyRoll Aug 22, 2022

Replies: 3 comments · 35 replies

Uh oh!

TimeKeyRoll Aug 22, 2022 Author

Uh oh!

TimeKeyRoll Aug 22, 2022 Author

Uh oh!

Uh oh!

krakxn Aug 22, 2022

Uh oh!

krakxn Aug 24, 2022

Uh oh!

Uh oh!

RoboCrypter Aug 24, 2022

Uh oh!

TimeKeyRoll Aug 24, 2022 Author

Uh oh!

TimeKeyRoll Aug 24, 2022 Author

Uh oh!

TimeKeyRoll Aug 24, 2022 Author

lesson- 8 `Fund Function stopped working` #1965

TimeKeyRoll
Aug 22, 2022

Replies: 3 comments 35 replies

TimeKeyRoll
Aug 22, 2022
Author

TimeKeyRoll
Aug 22, 2022
Author

krakxn
Aug 22, 2022

TimeKeyRoll Aug 24, 2022
Author

TimeKeyRoll Aug 24, 2022
Author

TimeKeyRoll Aug 24, 2022
Author