javascript - 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>
解决方案
你在这里有一个语法错误:
var uname = document.getElementById)("username").value;
^
看到流浪的收盘价了吗?去掉它。
未来:研究如何使用开发工具:https: //www.youtube.com/watch?v= H0XScE08hy8
这将使您能够更好地理解您的代码发生了什么。
如果您打开了 devtools(使用 F12),您会在控制台中看到此错误:
...并单击错误右侧的“test.html:13”也会向您显示该行(甚至该列,请查看底部栏):
推荐阅读
- linux - 跳过获取配置文件'main/binary-i386/Packages'
- amazon-web-services - 如何在 AWS 上运行单次运行的非联网/非扩展 docker 应用程序
- javascript - 如何解决 Uncaught SyntaxError: Unexpected token < in JSON at position 0 console 错误?
- vue.js - v-cards 从顶部开始而不是垂直居中(Vuetify)
- erd - Common Data Model 中的 ERD 文件 - 如何打开?欧文/PowerDesigner?
- node.js - MeteorJS Mup 部署:挂在“node-pre-gyp WARN 使用 node-pre-gyp https 下载请求”
- amazon-web-services - AWS Managed Airflow - 如何在触发长时间运行的 lambda 时解决 350 秒超时
- python-3.x - 为什么记录器级别始终为零?我怎样才能得到真正的水平?
- javascript - 浏览器抛出 TypeError:无法读取未定义的属性“地图”
- eclipse - 导入源代码:无法安装 Gradle 发行版