-
|
Hi, frens! Here's my code: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FundMe Dapp</title>
</head>
<body>
Fund Me!
<button id=""connectButton" onClick="connect()">Connect Wallet</button>
<script>
async function connect() {
if(typeof window.ethereum !== "undefined") {
await window.ethereum.request({ method: 'eth_requestAccounts' })
document.getElementById("connectButton").innerHTML = "Connected!"
} else {
document.getElementById("connectButton").innerHTML = "Please install Metamask!"
}
}
</script>
</body>
</html>When I click on the "Connect Wallet" button, I'm having this error in the console: So, there seems to be an error in this line of code: What am I doing wrong? Please let me know. Thanks! 🙏🏻 |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
The mistake lies here, <button id=""connectButton" onClick="connect()">Connect Wallet</button>it should be this instead: - <button id=""connectButton" onClick="connect()">Connect Wallet</button>
+ <button id=""connectButton" onclick="connect()">Connect Wallet</button> |
Beta Was this translation helpful? Give feedback.
-
|
Oh, damn it! I spent all time looking at the JS code, going through stack overflow, figuring out the problem, when the problem was sitting in plain sight inside the HTML code. Thanks for the help, fren! |
Beta Was this translation helpful? Give feedback.
-
|
Good luck! Note: In the future, before looking elsewhere, always debug the logic and silly errors such as typos. |
Beta Was this translation helpful? Give feedback.
The mistake lies here,
it should be this instead: