Google Apps 脚本 - 我的按钮不会调用 javascript 函数答案

【问题标题】：Google Apps Scripts - My button will not call the javascript functionGoogle Apps 脚本 - 我的按钮不会调用 javascript 函数
【发布时间】：2023-01-19 06:12:38
【问题描述】：

这是 html 代码用户输入表单：

<!DOCTYPE html>
<html>

<head>

  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

</head>

<body>
  
  <div class="marginauto" align="middle">

  <style>
    .marginauto {
    margin: 10px auto 20px;
    display: block;
    }
  </style>
  
  <h1>
    <img class="marginauto" align="middle" src="https://drive.google.com/uc?export=view&id=********" alt="*****">
    Fabrication Time Record
  </h1 >

  <h2 class="marginauto" align="middle">
    Information
  </h2>

    <label for="fname">First name:</label><br>
    <input type="text" id="fname" name="fname"><br>
    <label for="lname">Last name:</label><br>
    <input type="text" id="lname" name="lname"><br>
    <label for="jnum">Job number:</label><br>
    <input type="text" id="jnum" name="jnum"><br>

  <h2>
    Operation
  </h2>

    <input type="radio" id="cut" name="operation" value="cut">
    <label for="cut">Cut</label><br>
    <input type="radio" id="drill" name="operation" value="drill">
    <label for="drill">Drill</label><br>
    <input type="radio" id="fitup" name="operation" value="fitUp">
    <label for="fitup">Fit Up</label><br>
    <input type="radio" id="weld" name="operation" value="weld">
    <label for="weld">Weld</label><br>

  <h2>
    Comments
  </h2>

  <input type="text" id="comment"><br>

  <br>
  <button id="clockin">Clock in</button>

  </div>

    <script type="text/javascript">

      document.getElementById("clockin").addEventListener("click",addLine);

      function addLine(){

      var firstName = document.getElementById("fname");
      var lastName = document.getElementById("lname");
      var operation = document.getElementByName("operation");

      var entry = {
        entry.fn = firstName.value;
        entry.ln = lastName.value;
        entry.op = operation.value;

      }

        google.script.run.addEntry(entry);
        firstName.value = "";
        lastName.value = "";

      }

    </script>
            
</body>

</html>

这是从 html 获取用户输入并（理想情况下）将它们传输到谷歌电子表格的脚本：

function doGet(e){

  Logger.log(e);
  
  var html = HtmlService.createHtmlOutputFromFile("userForm");
  html.setTitle("Record Time")
  return(html)

}


function addEntry(entry){

  Logger.log("Someone clicked the button");

  var ssid = "1E81*****************QBmW1o4Q";
  var ss = SpreadsheetApp.openById(ssid);
  SpreadsheetApp.setActiveSpreadsheet(ss);
  var database = ss.getSheetByName("Database");
  SpreadsheetApp.setActiveSheet(database);

  database.appendRow = ([entry]);

}

当我点击按钮时，没有任何反应。我确信我正在调用正确的电子表格，因为我可以从 doGet() 函数读取和写入，但是我找不到的 addLine() 函数似乎有问题。

非常感谢任何帮助，我是网络应用程序开发的新手。

我想要的是按钮将数据从一些文本输入字段传输到谷歌电子表格。我使用了多种不同的按钮语法，但不能什么都没有发生。

【问题讨论】：

标签： javascript html google-apps-script

【解决方案1】：

您正在将一个对象传递给addEntry，您应该传递一个数组。

改变

  var entry = {
    entry.fn = firstName.value;
    entry.ln = lastName.value;
    entry.op = operation.value;
  };

到

  var entry = [
    firstName.value,
    lastName.value,
    operation.value
  ];

【讨论】：