[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);

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .

@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

Опции темы