Home/ Questions/Q 8236501
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T19:09:16+00:00

In a Google Apps Script, I have the following script: function doGet() { return

  • 0

In a Google Apps Script, I have the following script:

function doGet() {
  return HtmlService.createHtmlOutputFromFile('mypage');
}

function writeSomething() {
  return "<h1>hi people</h1>";
}

and the following html file:

<html>
  <a id="caller" href="#">update</a>
  <br>
  <div id="div">waiting...</div>
<script>
function go() {
  var a=google.script.run.writeSomething();
  document.getElementById("div").innerHTML=a;
}
document.getElementById('caller').onclick = go;
</script>
</html>

When I click on the “update” link, the div content changes from “waiting…” to “undefined”. I suppose that google.script.run cannot be called as a function.
So, how can I solve this trouble? (obviously, this is a toy example; I need a way to update the div content from the script and not from the html file)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The function writeSomething() is run asynchronously so it happens but doesn’t return the response as a local function would. (This is standard for JavaScript talking to a server). Instead, you need to specify a “callback” function which gets invoked when writeSomething() is finished.

    Here’s the corrected version of your HTML:

    <html>
  <a id="caller" href="#">update</a>
  <br>
  <div id="div">waiting...</div>
<script>
function callback(whatToWrite) {
  document.getElementById("div").innerHTML=whatToWrite;
}
function go() {
  google.script.run.withSuccessHandler(callback).writeSomething();
}
document.getElementById('caller').onclick = go;
</script>
</html>

    Or equivalently, you can specify the callback function inline:

    ...
<script>    
function go() {
  google.script.run.withSuccessHandler(function(whatToWrite) {
    document.getElementById("div").innerHTML=whatToWrite;
  }).writeSomething();
}
...
    • 0