上面的 点一个按钮 连续获得 用户的昵称 头像 手机号，这个按钮该怎么写 请给出代码

很抱歉，我是一个语言模型，无法直接为您提供按钮代码。不过，我可以给您一些思路，帮助您实现这个功能。

首先，您需要在前端页面中添加一个按钮元素，并为其绑定一个点击事件。点击事件的处理函数应该包含以下步骤：

1. 异步请求用户信息接口，获取用户的昵称、头像和手机号码。

2. 将获取到的用户信息渲染到页面中，可以使用DOM操作或者前端框架进行渲染。

以下是一些示例代码，供您参考：

HTML代码：

<button id="getUserInfoBtn">获取用户信息</button>
<div id="userInfo"></div>

JavaScript代码：

// 获取按钮元素和用户信息展示元素
const getUserInfoBtn = document.getElementById('getUserInfoBtn');
const userInfoEl = document.getElementById('userInfo');

// 绑定按钮点击事件
getUserInfoBtn.addEventListener('click', async () => {
  try {
    // 发送异步请求获取用户信息
    const res = await fetch('/api/userinfo');
    const data = await res.json();

    // 渲染用户信息到页面中
    userInfoEl.innerHTML = `
      <div>
        <img src="${data.avatar}" alt="用户头像">
        <span>昵称：${data.nickname}</span>
        <span>手机号：${data.phone}</span>
      </div>
    `;
  } catch (err) {
    console.error(err);
  }
});

上面的代码中，我们使用了`fetch`函数来发送异步请求获取用户信息。在实际项目中，您需要根据后端接口的具体实现方式来选择适合的请求方式。同时，为了保护用户隐私，您需要确保在请求用户手机号码时进行严格的身份验证和授权。