首页 > 解决方案 > Google Web App 无法使用基本的 Javascript 请求

问题描述

我有一个非常基本的 Google Scripts Web App。它包含一个带有按钮的文本字段。当用户按下按钮时,文本字段应该被清除。但是当我部署应用程序时,按下按钮时没有任何反应。为什么它不起作用?感谢您的任何建议!

代码.gs

function doGet(e) {
  Logger.log(e.paramenter);
  return HtmlService.createHtmlOutputFromFile("page");
}

page.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>

  <body>
    <input type="text" id="username">
    <button id="btn">Clear the text field!</button>
    <script>
       document.getElementById("btn").addEventListener("click", doStuff);      
       function doStuff(){
          var uname = document.getElementById)("username").value;
          document.getElementById("username").value = "";
       }
    </script>
  </body>
</html>

标签: javascripthtml

解决方案


你在这里有一个语法错误:

          var uname = document.getElementById)("username").value;
                                             ^

看到流浪的收盘价了吗?去掉它。


未来:研究如何使用开发工具:https: //www.youtube.com/watch?v= H0XScE08hy8

这将使您能够更好地理解您的代码发生了什么。

如果您打开了 devtools(使用 F12),您会在控制台中看到此错误: 在此处输入图像描述

...并单击错误右侧的“test.html:13”也会向您显示该行(甚至该列,请查看底部栏):

在此处输入图像描述


推荐阅读