怎么在js中写入连接MetaMask钱包，在html中自动应用。能写个例子吗

### 回答1：
当用户访问网站时，可以检查是否安装了MetaMask钱包。如果已安装，可以使用以下代码在HTML中应用它并与JS交互：

if (typeof window.ethereum !== 'undefined') {
  console.log('MetaMask已安装');
  // 当前提供程序已经绑定到window对象:
  const ethereum = window.ethereum;
  ethereum.enable();
  // 向页面添加连接MetaMask钱包的按钮或链接
} else {
  console.log('请安装MetaMask钱包');
  // 提示用户安装MetaMask钱包
}

在上面的代码中，我们检查 `window.ethereum` 是否已定义。如果是，则意味着MetaMask已安装。此时，我们可以调用启动函数 `ethereum.enable()`，它将请求用户连接到MetaMask钱包。连接成功后，我们可以向页面添加连接MetaMask钱包的按钮。

### 回答2：
要在JavaScript中编写连接MetaMask钱包并在HTML中自动应用的代码，你可以按照以下步骤进行：

1. 首先，在HTML的头部，添加下方的代码以加载MetaMask的插件：

<script src="https://cdn.jsdelivr.net/npm/@metamask/detect-provider"></script>

2. 在JavaScript中，使用以下代码连接到MetaMask钱包并自动应用：

window.addEventListener('DOMContentLoaded', async () => {
  // 检测MetaMask钱包插件是否已安装
  const provider = await detectEthereumProvider();
  
  // 如果MetaMask钱包已安装则可以继续
  if (provider) {
    // 请求用户授权连接到MetaMask钱包
    await provider.request({ method: 'eth_requestAccounts' });
    
    // 获取用户钱包地址
    const accounts = await provider.request({ method: 'eth_accounts' });
    const address = accounts[0];

    // 在页面中显示用户钱包地址
    const addressElement = document.getElementById('address');
    addressElement.innerText = address;
  } else {
    // 如果未检测到MetaMask钱包，则显示错误消息或建议用户安装
    console.log('请安装MetaMask钱包');
  }
});

3. 在HTML文件的合适位置，添加一个元素来显示用户钱包地址：

<p>您的钱包地址： <span id="address"></span></p>

以上代码会自动检测用户是否安装了MetaMask钱包插件，并请求授权连接到用户的钱包。然后，它会获取用户的钱包地址，并在页面上显示出来。

请注意，在使用这段代码之前，确保你已正确安装了MetaMask钱包插件，并在代码中修改了个别部分以适应你的应用。