将HTML文件中的变量与外部JS文件一起使用

我正在使用谷歌脚本制作一个网络应用程序，该应用程序根据页面上输入的数据创建电子表格。

下面是一些示例代码：

page.html

<form id="form1">
Time 1:<br>
<input type="number" id="time1" name="time1"/>
</form>
<script>
var num = document.getElementById("time1").value;
google.script.run.test(num);
</script>

代码.gs

function test(thing) {
  return thing;
}

如果我将HTML元素设置为等于测试函数，则返回undefined。如何将HTML文件中的num变量与Code.gs文件中的方法一起使用？我浏览了谷歌API，但没有一个解决方案出现在我面前，我在StackOverflow上尝试了几件没有成功的事情。

提前谢谢。