web前端用HBuilder X软件写统计按钮点击次数用弹窗表示

在Web前端使用HBuilder X编写统计按钮点击次数并用弹窗显示，你可以按照以下步骤操作：

1. **HTML部分**:
首先，在HTML结构中创建一个按钮，并给它一个唯一的ID，方便后续JavaScript操作。

<button id="clickButton" onclick="showCount()">点击统计</button>
<div id="countPopup" style="display:none;"></div>

2. **CSS部分**:
可以为弹窗添加样式，比如位置、尺寸等。

#countPopup {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 200px;
  background-color: white;
  border: 1px solid #ccc;
}

3. **JavaScript部分 (HBuilder X)**:
使用HBuilder X的ES6语法编写JavaScript函数，计算点击次数并在用户点击按钮时更新计数并显示弹窗。

let clickCount = 0;

function showCount() {
  clickCount++;
  document.getElementById('countPopup').innerHTML = `点击次数: ${clickCount}`;
  document.getElementById('countPopup').style.display = 'block';

  // 如果你想清除计数，可以在这里添加代码，例如:
  setTimeout(() => {
    document.getElementById('countPopup').style.display = 'none';
    clickCount = 0; // 或者设置为其他初始化值
  }, 5000); // 弹窗停留5秒后自动隐藏
}

以上代码会在每次点击按钮时增加计数，然后显示一个包含当前点击次数的弹窗，5秒后自动关闭。