How to call function on web3

Question

I'm trying to call a function on web3, but it doesn't get executed on web3. It just doesn't popup Metamask wallet to ask for the transaction approval, so it doesn't execute.

Solidity function:

function Deposit(uint _amount) payable public{
    require(msg.value == _amount);
    funds[msg.sender] += _amount;
}

Function on web3

  deposit = async(depositAmount)=>{
    const web3 = window.web3
    const ethers = web3.utils.toWei(this.depositAmount.value, 'ether')
    await web3.contract.methods.Deposit(depositAmount).send({from: this.account, value: ethers})
  }

How is the function called

<form className="deposit" onSubmitCapture={(event) => {
              event.preventDefault()
              const amount = this.amount
              this.deposit(amount)
            }}>
              <input type="text" className="inputs" placeholder="Amount to deposit" 
              ref={(input)=>this.amount = input}/>
              <input type="submit" className="btn" value="DEPOSIT"/>
        </form>

I'm loading web3 and loading blockchain data correctly, and deposit function is called in a button component. Just wanted to know if it has something to do with this code, or the problem might be somewhere else. The smart contract is correctly migrated with truffle and ganache.

I'm not familiar with web3, but shouldn't you use await deposit(depositAmount.value)? — Iłya Bursov
– Iłya Bursov, Commented Jun 3, 2022 at 22:17
@IłyaBursov It throws an error if I put await in front of it — brt88
– brt88, Commented Jun 3, 2022 at 22:19
@brt88 did you initialize web3? did you pass a provider or if you use metamask did you connect the wallet? — Jacopo Mosconi
– Jacopo Mosconi, Commented Jun 3, 2022 at 22:55

Zi Hang · Accepted Answer · 2022-06-07 09:09:12Z

0

You need to initialize web3 properly. According to the docs, you should initialize as const web3 = new Web3(web3.currentProvider).

answered Jun 7, 2022 at 9:09

Zi Hang

265 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

vimuth · Accepted Answer · 2022-08-02 09:35:20Z

0

You can use with gasLimit param.

await web3.contract.methods.Deposit(depositAmount).send({from: this.account, value:
   ethers, gasLimit: "21000"})

edited Aug 2, 2022 at 9:35

vimuth

5,87355 gold badges98 silver badges128 bronze badges

answered Jul 26, 2022 at 20:30

Hüseyin Çakanlı

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Jojo Joseph Kunathucherry · Accepted Answer · 2023-11-23 17:18:49Z

0


import React, { useEffect, useState } from "react";
import { ethers } from "ethers";
import { useWeb3React } from "@web3-react/core";
import { CONTRACT_ADDRESS } from "../../Utils/constants";
import { contractAbi } from "../../Contracts/arrue-contract-abi";



 const signer = library.getSigner(account).connectUnchecked();
      const contract = new ethers.Contract(
        CONTRACT_ADDRESS,
        contractAbi,
        signer
      );
      const isActivatedBorrowersValue = await contract.activatedBorrowers();

answered Nov 23, 2023 at 17:18

Jojo Joseph Kunathucherry

4406 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to call function on web3

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related