如何在提交Google Form前动态计算并显示捐款总额？

• 原生API的核心限制：Google Form官方App Script API确实不支持监听前端字段的onChange事件，也无法直接修改表单前端的实时显示内容——Form的前端渲染逻辑由Google完全管控，官方API仅开放后端数据处理、表单结构修改能力，没有开放前端交互权限。

• 第三方插件的实现逻辑：这类插件并没有直接操作原生Google Form的前端，而是做了一层自定义前端套壳：

  • 读取你的Google Form结构，将字段复制到自己的自定义页面中
  • 在自定义页面内通过原生JavaScript实现输入监听、总额计算的实时逻辑
  • 用户提交时，将收集到的数据同步到原生Google Form的提交接口

• 自行实现的可行方案：

  1. Google Sites+自定义HTML表单：
     • 在Google Sites中嵌入自定义HTML表单，复刻原Form的捐款字段布局
     • 编写前端JS代码监听每个捐款字段的输入变化，实时计算总额并展示在页面上
     • 提交时利用App Script的UrlFetchApp工具，将数据提交到原生Google Form的提交接口（可通过查看原Form的网络请求获取该接口地址）
  2. 提交后补全总额（替代方案）：
     • 若暂时无法实现前端套壳，可在表单中添加提示字段引导用户自行计算总额，同时用App Script的onFormSubmit触发器，在用户提交后自动计算总额并通过邮件反馈给用户
     • 注：此方案无法实现提交前的实时显示，仅作为临时替代

内容的提问来源于stack exchange，提问作者MichaelM