要实现当字符计数器达到 100 时显示按钮，可以使用 HTML 和 JavaScript 来完成。以下是一个简单的示例代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="text" id="textInput">
  <span id="charCounter"></span>
  <button id="showButton" style="display: none;">显示按钮</button>

  <script>
    // 获取输入框和计数器元素
    var textInput = document.getElementById("textInput");
    var charCounter = document.getElementById("charCounter");

    // 实时监测输入框的字符变化
    textInput.addEventListener("input", updateCharCounter);

    // 更新字符计数器
    function updateCharCounter() {
      var charCount = textInput.value.length;
      charCounter.innerText = charCount;

      // 当字符计数器达到 100 时，显示按钮
      if (charCount === 100) {
        document.getElementById("showButton").style.display = "block";
      } else {
        document.getElementById("showButton").style.display = "none";
      }
    }
  </script>
</body>

</html>

在上述代码中，我们首先创建了一个输入框和一个用于显示字符计数器的 span 元素。然后，我们使用addEventListener方法为输入框添加了input事件监听器。当输入框中的字符发生变化时，会调用updateCharCounter函数来更新字符计数器的值，并根据计数器的值来控制按钮的显示与否。

希望这个示例对你有帮助。如果你有任何其他问题，请随时提问。