如何使用Ethers.js制作自定义链连接按钮

<script src="https://cdn.ethers.io/dist/ethers.min.js"></script>

<button id="connectButton">连接到自定义链</button>

// 监听连接按钮的点击事件
document.getElementById("connectButton").addEventListener("click", async function() {
  // 创建一个以太坊提供者对象，用于与以太坊网络进行交互
  const provider = new ethers.providers.JsonRpcProvider("自定义链的RPC URL");

  try {
    // 连接到自定义链
    await provider.send("eth_chainId");

    // 连接成功，更新按钮文本
    document.getElementById("connectButton").innerText = "已连接到自定义链";
  } catch (error) {
    // 连接失败，显示错误信息
    console.error("连接到自定义链失败:", error);
  }
});

#connectButton {
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
}