Google Apps Script schreibt mit Funktion in HTML ⇐ HTML

[Anonymous]

Ich versuche, ein Google Apps-Skript zu schreiben, das bei der Veröffentlichung als Web-App über eine Schaltfläche verfügt, die beim Drücken eine Funktion aus Code.gs aufruft, die einen Teil des HTML-Codes ein- oder ausblendet (im Endeffekt den Stil des Div mit einer bestimmten ID ändert).

Dies ist ein kleines Fallbeispiel, das ich eingerichtet habe:

Meine index.html-Datei:

Code: Select all

Click Me

This is my DIV I want to Reveal/Hide.

Meine Code.gs-Datei:

Code: Select all

function doGet() {
var template = HtmlService.createTemplateFromFile("index.html");
var html = template.evaluate();
return HtmlService.createHtmlOutput(html);
}

function myFunction() {
var x = document.getElementById("myDIV");/*Where the Reference Error Shows Up*/
if (x.style.display === "none") {
x.style.display = "block";
}
else {
x.style.display = "none";
}
}

Der Fehler, den ich beim Debuggen immer erhalte, ist: ReferenceError: „document“ is not definiert. Bei der Veröffentlichung wird die Schaltfläche mit sichtbarem myDIV angezeigt und das Klicken auf die Schaltfläche bewirkt nichts.

Ich gehe davon aus, dass das Problem darin besteht, dass ich nicht document.getElementByID(), sondern etwas anderes.getElementByID() verwenden sollte, aber ich weiß nicht, was das andere ist. Die meisten Fälle, nach denen ich online suche, beziehen sich nicht speziell auf Google Web Apps. Jede Hilfe wäre dankbar.