Lesson 8: Why did the connect() start to throw an error after we imported ethers?

[nsawit]

Before importing ethers // import { ethers } from "https://cdn.ethers.io/lib/ethers-5.2.esm.min.js"
the connect() function was just working fine

But after we imported the ethers, calling the functions no longer work, why is that?

Uncaught ReferenceError: connect is not defined
at HTMLButtonElement.onclick (index.html:8:53)
onclick @ index.html:8

[alymurtazamemon]

@nsawit show your app.js file code.

[nsawit]

connectButton.onclick = connect; this doesn't work in my end as it will the error

Uncaught TypeError: Cannot set properties of null (setting 'onclick')
    at index.js:7:23
(anonymous) @ index.js:7

[nsawit]

However, when I tried this connectButton.onclick = connect(), what happens is that upon loading the page, the metamask dialog will automatically open.

[alymurtazamemon]

@nsawit because you are calling a null element, correct the id of element. connectionStat

[alymurtazamemon]

@nsawit here it is wrong const connectButton = document.getElementById("connectStat")

[nsawit]

ohh, what a shame, yes I didn't notice that.. I renamed it to connectionStat. It's now working
Thanks!

[RoboCrypter]

@nsawit : Copy paste your index.js file here. and your index.html file

[RoboCrypter]

@nsawit : In your index.html

Change this from : onClick

To : onclick

[nsawit]

this one works, but now when I tried to use the type="module" as what Patrick did, I'm having another issue
#2231 (reply in thread)