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

### 回答1：
当然可以，下面是一个简单的例子：

在 HTML 文件中，你需要引入 MetaMask 的 JavaScript 文件。在 head 标签中添加如下代码：

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

然后，在你的 JavaScript 文件中，你可以这样写入连接 MetaMask 钱包的代码：

// 调用 MetaMask 的 provider
const provider = await detectEthereumProvider();

// 如果用户已连接 MetaMask 钱包，provider 即不为 undefined，我们可以执行下一步操作
if (provider) {
  // 请求用户授权链接钱包
  await provider.request({ method: 'eth_requestAccounts' });
}

// 授权完成之后，你就可以使用 MetaMask 的账户进行操作了

注：为了确保你的代码与用户的 MetaMask 钱包适配，我们强烈建议你使用 detect-provider 进行连接钱包的操作。

### 回答2：
在JavaScript中编写连接MetaMask钱包的代码可以通过使用Web3.js库来实现。下面是一个简单的例子，演示了如何在HTML中引用和调用：

1. 在HTML中引用Web3.js库：

<script src="https://cdn.jsdelivr.net/npm/web3@1.2.11/dist/web3.min.js"></script>

2. 编写JavaScript代码连接MetaMask钱包：

<script>
window.addEventListener('load', function() {
  // 检查MetaMask是否已经安装
  if (typeof web3 !== 'undefined') {
    // 使用MetaMask提供的Web3对象
    web3 = new Web3(web3.currentProvider);
  } else {
    // 若未安装MetaMask，则提示用户安装
    console.log('请安装MetaMask插件！');
  }
});
</script>

3. 在JavaScript中使用MetaMask钱包进行一些操作，例如获取用户账户：

<script>
// 获取用户账户
web3.eth.getAccounts().then(accounts => {
  console.log(accounts[0]);
});
</script>

此代码首先检查MetaMask是否已经安装，若已安装则使用MetaMask提供的Web3对象进行连接，若未安装则提示用户安装。此后，您可以使用Web3对象执行各种操作，比如获取用户的账户。

请注意，当用户在MetaMask钱包中切换账户时，你可能需要重新执行一些操作来更新页面的相关内容。

这只是一个简单的例子，还有更多复杂的操作可以在MetaMask钱包中实现。你可以查询Web3.js文档以获取更多的信息和示例代码。