Как отправить данные с HTML-формы в Google Sheets | How to send data with HTML Form to Google Sheets

Поділитися
Вставка
  • Опубліковано 3 тра 2023
  • В этом видео вы узнаете, как отправить данные с HTML-формы в Google Sheets используя HTML, CSS и JavaScript.
    🔗 Исходный код (source code): / 82543529
    🔗 Ссылка на GitHub: github.com/jamiewilson/form-t...
    🔗 Images: surl.li/guvdj
    ✅ Адаптивный шрифт с помощью функции calc() CSS: • Адаптивный шрифт с пом...
    ✅ Адаптивный шрифт с помощью функции clamp() CSS: • Адаптивный шрифт с пом...
    ✅ CSS Переменные: • Переменные в CSS || CS...
    ✅ Как ускорить написание кода с помощью Emmet в Visual Studio Code: • Как ускорить написание...
    ✅ Расширение Live Server и автоматическое обновление страницы: • Расширение Live Server...
    👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
    💵 Поддержать канал (support channel): 5375414128564241 (universal bank || mono)
    💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
    💵 Поддержать канал (support channel): / codingwithtopchiy
    👍 Subscribe: / @topchiydev
    😀Спасибо за просмотр!😀

КОМЕНТАРІ • 39

  • @geek7807
    @geek7807 Рік тому +3

    Видео начинается на 13:30
    Прикольно, даже не знал, что такое возможно. Хотя, без бэка, позволяющего обработать каптчу, эту табличку заспамят.

  • @cherepashki
    @cherepashki Рік тому

    отлично бро

  • @user-fn1cz7xe4d
    @user-fn1cz7xe4d 9 місяців тому

    Классно! То что нужно! Главное, что это работает, не как на других каналах!

    • @topchiydev
      @topchiydev  9 місяців тому

      Пожалуйста 🙂
      Рад что все получается! 👍

  • @questions--answers-7
    @questions--answers-7 9 місяців тому

    Харош like Bro

  • @andriipavlenko4851
    @andriipavlenko4851 11 місяців тому

    Приветик! Подскажи пожалуйста что нужно сменить что бы следующий ввод данных не начинался с новой строки в таблице? допустим я хочу что бы было 3 независимых столбца в таблице где просто по порядку вводятся данные списком? (что бы не оставалось пустых ячеек)

    • @topchiydev
      @topchiydev  11 місяців тому +1

      Приветствую!
      Можете удалить в самой таблице все ненужные столбцы и оставить только те, которые необходимы и данные будут добавляться в них.

  • @user-jl1bc2zv3f
    @user-jl1bc2zv3f 9 місяців тому

    14:38 не появляется диалог Authrization required! скрипт просто начинает выполнение и завершает выполнение. а при отправке фермы я получаю ошибку 401 (не авторизован). как быть??

    • @topchiydev
      @topchiydev  9 місяців тому

      Приветствую!
      Проверьте корректность авторизации и попробуйте снова. Также проверьте верно ли проставлены галочки.

  • @user-rz5dh6wv3q
    @user-rz5dh6wv3q 12 днів тому

    Подскажите почему такая ошибка 405 Method Not Allowed (я так понял запрос идет в консоли он мне пишет succes), но в response ok false. Как будто таблица не может обработать запрос

    • @topchiydev
      @topchiydev  12 днів тому

      Приветствую!
      Не знаю, никогда не сталкивался с такой ошибкой. Возможно где-то что-то пропустили, проверьте снова.

  • @user-jx4zj6ds7h
    @user-jx4zj6ds7h 10 місяців тому

    Требуется авторизация Проверить разрешения . загрузка всё крутится и на мой аккаунт вылетает не предоставлять доступ. что я только не делал ! Нету доступа. с чем это связано?

    • @topchiydev
      @topchiydev  10 місяців тому

      К сожалению, не подскажу.

  • @Sereg_FriendsKiller_125rus
    @Sereg_FriendsKiller_125rus Місяць тому

    Все работает, но в гугл таблицу ничего не добавляет. В самом скрипте "Не удалось найти функцию скрипта: doGet" такая вот ошибка. Пока что не понимаю как ее исправить.

    • @topchiydev
      @topchiydev  Місяць тому

      Приветствую!
      Не знаю, никогда не сталкивался с такой ошибкой, нужно проверять код снова.

  • @akihito3920
    @akihito3920 Рік тому

    Привет будет ли роботать в гит хаб страничках ?

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Не проверял. Думаю, что будет 👌🏻

  • @user-ce3mz3ov2u
    @user-ce3mz3ov2u Рік тому

    Привет! У меня не работает этот способ.... Вроде всё сделал как на видео, запросы на стороне гугл таблиц видно, а информация из формы не записывается😢😢 можно ли как-то с вами связаться в дискорде и обсудить? Очень надо

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Возможно исходный код поможет разобраться, вот ссылка: surl.li/hayqd

    • @user-ce3mz3ov2u
      @user-ce3mz3ov2u Рік тому +2

      ​@@topchiydev я разобрался сам, но спасибо! В общем у меня гугл таблица на русском, а в скрипте всё работает на английском языке. Я вручную переименовал в таблице "Лист 1" на "Sheet 1" и всё заработало)))

    • @topchiydev
      @topchiydev  Рік тому

      Отлично 👍

    • @user-cg5mb1nv7j
      @user-cg5mb1nv7j 6 місяців тому

      @@user-ce3mz3ov2u спасибо тебе добрый человек, именно твой комментарий помог и мне понять свою проблему и все заработало!

    • @aleks.damask
      @aleks.damask 4 місяці тому

      @@user-ce3mz3ov2u ну красава, молодец, последовал твоему примеру ... и .. ВУ АЛЯ!!

  • @asiyam3202
    @asiyam3202 Рік тому

    Здравствуйте! сделала все точно как вы, но почему-то данные не выводятся в таблицу

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Проверьте все ли галочки стоят как в видео и также проверьте название таблицы, должно быть на англ.

    • @asiyam3202
      @asiyam3202 Рік тому

      @@topchiydev спасибо! Помогло😅

    • @dar-media
      @dar-media Рік тому

      @@topchiydev какие галочки?

  • @ar3love474
    @ar3love474 4 місяці тому

    gpt моделям уже больше 2 лет, откуда у вас столько вопросов?)

  • @reallyeverydayfacts
    @reallyeverydayfacts Рік тому

    Неработает в чем может быть проблема?

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Возможно ошибка в скрипте.

  • @zzzzSERGEYzzzz
    @zzzzSERGEYzzzz Рік тому

    не работает, ошибки по CORS

    • @zzzzSERGEYzzzz
      @zzzzSERGEYzzzz Рік тому

      у кого такая ошибка, то на этапе деплоя выберите в качестве исполнителя себя (пункт "Execute as", тогда у вас ниже в выпадающем селекторе "Who has access" появится пункт "Anyone"

    • @topchiydev
      @topchiydev  Рік тому

      Спасибо за обратную связь! 👍

  • @oceanhunts
    @oceanhunts 8 місяців тому

    Кто то пробовал прикрутить к ангуляру?? Ищу рещение для него что бы в гугл таблу падали данные

  • @mifpley5934
    @mifpley5934 3 місяці тому

    ужас какой то, 20 раз пересмотрел не могу найти что не у меня не так и почему у меня не хочет работать

    • @topchiydev
      @topchiydev  3 місяці тому

      Приветствую!
      Название листа на английском у вас, в этом еще проблематика была.
      По сути все должно работать 👌🏻