如何用Google Apps Script实现带增减按钮的简易计数器Web应用？

你的核心问题是混淆了Google Apps Script（GAS）中服务器端脚本（code.gs）和前端脚本的运行环境：code.gs运行在Google服务器上，没有浏览器的DOM环境，无法直接使用document.getElementById这类前端API。以下是修正后的完整实现：

修正后的code.gs代码 #

function doGet() {
  // 加载并返回index.html页面，这是GAS Web App的必入口函数
  return HtmlService.createHtmlOutputFromFile('index.html');
}

修正后的index.html代码 #

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style>
      .container {
        text-align: center;
        margin-top: 50px;
      }
      .button {
        padding: 10px 20px;
        font-size: 18px;
        margin: 0 10px;
        cursor: pointer;
      }
      #count {
        font-size: 48px;
        display: block;
        margin-bottom: 20px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h2><span id="count">0</span></h2>
      <button id="decBtn" class="button" onclick="onDec()">-</button>
      <button id="incBtn" class="button" onclick="onInc()">+</button>
    </div>

    <!-- 计数器逻辑放在前端脚本中，才能访问DOM -->
    <script>
      let count = 0;
      const counter = document.getElementById("count");

      function onDec() {
        count--;
        counter.textContent = count;
      }

      function onInc() {
        count++;
        counter.textContent = count;
      }
    </script>
  </body>
</html>

关键说明 #

1. 环境分离：所有DOM操作（比如获取元素、修改文本内容）必须放在前端的<script>标签中，因为只有浏览器环境才有document对象。
2. doGet()函数：这是GAS Web App的强制入口，负责将HTML页面返回给访问者，没有它你的页面无法被加载。
3. 部署注意事项：部署Web App时，要选择“任何人，甚至匿名用户”访问权限（根据需求调整），并确保部署版本是最新的。

内容的提问来源于stack exchange，提问作者Bazdir Border Collie