[Google Apps Script] Как правильно запустить onclick?

@vlad56 · Регистрация: 06.03.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Есть массив

JavaScript
1
let data = [col_value,profit_ratio,manager_ratio, ad_ratio];

Есть div с onclick

HTML5
1
<div id = "child" class="child-${n+1}" onclick="google.script.run.withSuccessHandler().receiveData(data);"><p>Цвет</p></div>

И есть ошибка

Code
1
2
3
Uncaught ReferenceError: data is not defined
    at HTMLDivElement.onclick (userCodeAppPanel:1)
onclick @ userCodeAppPanel:1

Как правильно запустить onclick? Что я делаю неправильно? Как сделать правильно? Прошу помощи.

@vlad56 · 20.07.2020, 17:21 **[ТС]**

Здравствуйте.
Вот массив

JavaScript
1
let data = [col_value,profit_ratio,manager_ratio, ad_ratio];

Вот вызов функции через onclick и передача массива

HTML5
1
<div id = "child" class="child-${n+1}" onclick="gwriteTemplateDatabase('${data}')"><p>Цвет</p></div>

Вот вызываемая функция writeTemplateDatabase. Но info в этой функции пуст.

JavaScript
1
2
3
4
function writeTemplateDatabase(info){ 
  alert('info = ', info);
 google.script.run.withSuccessHandler().receiveData(info);
}

Как правильно передать массив через аргументы функции? Прошу помощи.

Комментарий модератора

Правила форума

4. Порядок создания тем.
4.13 Если на ваш вопрос долгое время нет ответа, уточните его, приведите дополнительные сведения, которые могут помочь участникам форума решить вашу проблему.
4.14 Чтобы "поднять" тему в разделе и поиске по форуму, используйте осмысленные сообщения, например "Тема/проблема/задача актуальна". Если вы чего-то достигли в решении проблемы на этот момент, сообщите об этом.

5. Запреты и ограничения.
5.5 Запрещено размещать тему в нескольких подразделах одного раздела одновременно (кросспостинг), а также дублировать тему в одном разделе.

@kalabuni · 20.07.2020, 23:13

немного об общепринятой терминологии:
1) функции при вызове её передают параметры
2) в теле функции оперируют аргументами, кои принимают значения параметров при вызове функции с параметрами
----
не очень понятно, зачем использовать такую сложную форму записи параметра, если можно передать просто сам массив data?
т. е. вполне правильной будет запись gwriteTemplateDatabase(data)

и ещё, вы уверены, что все элементы массива col_value,profit_ratio,manager_ratio, ad_ratio до его создания у вас определены?

@vlad56 · 21.07.2020, 06:53 **[ТС]**

При передаче переменной из функции в html применяется такая сложная форма записи ${data} иначе будет просто слово.
Элементы массива могут быть определены а могут быть пустыми, тогда на их месте через запятую будет пустое место. Я пробовал и так и так. Контроль делаю через alert() перед самим использованием data в виде параметра функции.
Спасибо за помощь.

@MrCrown · 21.07.2020, 12:27

vlad56, чтобы интерполировать переменную в html код, она должна быть заключена не в кавычки, а в апострофы (там, где буква "ё"), т.е. вот так

Code
1
onclick="writeTemplateDatabase(`${data}`)"

и ещё, alert наверно так

Code
1
alert('info = ' + info);

@vlad56 · 22.07.2020, 08:46 **[ТС]**

Спасибо за помощь. Задача решена. Google script не содержит в себе alert. После того как убрал в вызываемой функции файле скриптов alert всё заработало. Вообще то интересно в том же Google script в файле html alert работает, а в файле gs уже не работает.
Теперь код вызываемой функции без alert.
Переменная всё таки интерполируется вот так ${data} в google таблице в html файле. Достаточно проверить в действующей функции в рабочей программе.
Ещё раз спасибо за

JavaScript
1
alert('info = ' + info);

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	20.07.2020, 23:13
	немного об общепринятой терминологии: 1) функции при вызове её передают параметры 2) в теле функции оперируют аргументами, кои принимают значения параметров при вызове функции с параметрами ---- не очень понятно, зачем использовать такую сложную форму записи параметра, если можно передать просто сам массив data? т. е. вполне правильной будет запись gwriteTemplateDatabase(data) и ещё, вы уверены, что все элементы массива col_value,profit_ratio,manager_ratio, ad_ratio до его создания у вас определены? 1

@vlad56 9 / 7 / 2 Регистрация: 06.03.2012 Сообщений: 686
	21.07.2020, 06:53 [ТС]
	При передаче переменной из функции в html применяется такая сложная форма записи ${data} иначе будет просто слово. Элементы массива могут быть определены а могут быть пустыми, тогда на их месте через запятую будет пустое место. Я пробовал и так и так. Контроль делаю через alert() перед самим использованием data в виде параметра функции. Спасибо за помощь. 0