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

Sdílet
Vložit
  • čas přidán 3. 08. 2024
  • В этом видео вы узнаете, как отправить данные с 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
    😀Спасибо за просмотр!😀

Komentáře • 43

  • @geek7807
    @geek7807 Před rokem +3

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

  • @cherepashki
    @cherepashki Před rokem

    отлично бро

  • @user-fn1cz7xe4d
    @user-fn1cz7xe4d Před 10 měsíci

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

    • @topchiydev
      @topchiydev  Před 10 měsíci

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

  • @andriipavlenko4851
    @andriipavlenko4851 Před rokem

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

    • @topchiydev
      @topchiydev  Před rokem +1

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

  • @questions--answers-7
    @questions--answers-7 Před 9 měsíci

    Харош like Bro

  • @user-rz5dh6wv3q
    @user-rz5dh6wv3q Před měsícem

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

    • @topchiydev
      @topchiydev  Před měsícem

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

  • @user-jl1bc2zv3f
    @user-jl1bc2zv3f Před 10 měsíci

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

    • @topchiydev
      @topchiydev  Před 10 měsíci

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

  • @ar3love474
    @ar3love474 Před 5 měsíci

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

  • @user-jx4zj6ds7h
    @user-jx4zj6ds7h Před 11 měsíci

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

    • @topchiydev
      @topchiydev  Před 11 měsíci

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

  • @Sereg_FriendsKiller_125rus
    @Sereg_FriendsKiller_125rus Před 2 měsíci

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

    • @topchiydev
      @topchiydev  Před 2 měsíci

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

  • @akihito3920
    @akihito3920 Před rokem

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

    • @topchiydev
      @topchiydev  Před rokem

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

  • @user-ce3mz3ov2u
    @user-ce3mz3ov2u Před rokem

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

    • @topchiydev
      @topchiydev  Před rokem

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

    • @user-ce3mz3ov2u
      @user-ce3mz3ov2u Před rokem +2

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

    • @topchiydev
      @topchiydev  Před rokem

      Отлично 👍

    • @user-cg5mb1nv7j
      @user-cg5mb1nv7j Před 7 měsíci

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

    • @aleks.damask
      @aleks.damask Před 5 měsíci

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

  • @asiyam3202
    @asiyam3202 Před rokem

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

    • @topchiydev
      @topchiydev  Před rokem

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

    • @asiyam3202
      @asiyam3202 Před rokem

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

    • @dar-media
      @dar-media Před rokem

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

  • @oceanhunts
    @oceanhunts Před 9 měsíci

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

  • @DentalStom-s2v
    @DentalStom-s2v Před 12 dny

    Здравствуйте Доброго времени суток Пожалуйста помогите мне я сделал всё точностью Как было на видео но у меня не работает точнее у меня сайт сам работает но Google sheets у меня ничего не отображается Пожалуйста помогите мне я буду очень благодарен Спасибо за внимание

    • @topchiydev
      @topchiydev  Před 12 dny

      Приветствую!
      Проверяйте еще раз на наличие ошибок, все работает и отображается.

    • @DentalStom-s2v
      @DentalStom-s2v Před 11 dny

      Здравствуйте Доброго времени суток Спасибо большое за ответ но у меня к сожалению не получается сделать сайт Ну я брал готовый код который был сделан вами Ну к сожалению у меня всё равно не получается думаю что Ошибка не в коде А в самом google sheets Если не сложно Можете пожалуйста пошагово написать что и как был бы очень благодарен!
      Дай Бог вам здоровья!

  • @reallyeverydayfacts
    @reallyeverydayfacts Před rokem

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

    • @topchiydev
      @topchiydev  Před rokem

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

  • @zzzzSERGEYzzzz
    @zzzzSERGEYzzzz Před rokem

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

    • @zzzzSERGEYzzzz
      @zzzzSERGEYzzzz Před rokem

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

    • @topchiydev
      @topchiydev  Před rokem

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

    • @user-bg3md2rn1f
      @user-bg3md2rn1f Před 3 dny

      ​@@zzzzSERGEYzzzz можна с тобою связаться?

  • @mifpley5934
    @mifpley5934 Před 4 měsíci

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

    • @topchiydev
      @topchiydev  Před 4 měsíci

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