Google Sheets Web App Example - Google Apps Script Web App Tutorial - Part 1

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 632

  • @ExcelGoogleSheets
    @ExcelGoogleSheets  2 роки тому +7

    Watch Full Web App Series ua-cam.com/play/PLv9Pf9aNgemt82hBENyneRyHnD-zORB3l.html
    Google Sheets Userform Wep App Level 2 ua-cam.com/play/PLv9Pf9aNgemuzTNWeHd8HziGVNzSlWACh.html
    CRUD Web App Series ua-cam.com/play/PLv9Pf9aNgemvM36efLpaHxbkZTGp2pfhx.html

    • @nihaalaekka8509
      @nihaalaekka8509 2 роки тому +3

      I have written code in the same way as mentioned in the video but the sheet is not updating and the fields are not clearing after I hit submit. I can share my code if you want. Please suggest me a solution.

    • @AtiqZabinski
      @AtiqZabinski 2 роки тому

      @@nihaalaekka8509 Same. Refreshing page actually has no effect on the Execution Log; must run functions from the console. Did you crack it?

    • @ctcc6244
      @ctcc6244 2 роки тому +2

      @@nihaalaekka8509 I had same thing. until I see Thinh Nguyen below, solved it. "If you follow the instruction until 19:12 and get nothing in the Log, just go to the menu Run and choose Disable new App Script runtime powered by Chrome V8, then everything will work. " Chrome V8 Probably wasn't a feature when this video was created. On top of that, Google is going to change the APP script Editor interface which will be more confusing. Like Google wants to copy 1990-2010 Microsoft of rolling out new Windows every few years to confuse everyone. also addEventListener didn't work for me, not sure why. I got around it by adding onclick code.

    • @levancanh3927
      @levancanh3927 2 роки тому

      Thank you

  • @tedjammers
    @tedjammers 6 років тому +123

    This is so great. You are opening doors to things that seemed unattainable to a novice like me. Thank you.

  • @heinrichhelmbold419
    @heinrichhelmbold419 5 років тому +28

    Almost started to give up on AppScript and then I discovered your channel... THANK YOU! Your way of explaining makes so much more sense than reading through Google's online help.
    If at all possible, could you do some examples of using Google Forms with AppScript and Google Sheets? Things like populating drop downs, button actions etc.

  • @MohamedIbrahim-im5qs
    @MohamedIbrahim-im5qs 4 роки тому +7

    As usual fantastic tutorial, I am learning so much from your channel. Thanks.
    Ref. 9:48 Just in case someone is having trouble passing multiple values with the same parameter, the way to pass different categories is like this: category=6&category=44&category=2. If you just separate the values with commas you end up with one category having the string value "6,44,2".

    • @MaqsoodAlamShafiq
      @MaqsoodAlamShafiq 11 місяців тому +2

      I also discovered this anomaly (in 2024). I guess your comment being 3 years old and the tutorial 5 years old, maybe Goolge had changed something under the hood.

  • @tanveerhussain3881
    @tanveerhussain3881 3 роки тому

    World's Best Teacher
    Best Quality
    Learn Easy and Understand
    I Love And Like All Video

  • @ashemuh4755
    @ashemuh4755 3 роки тому

    This tutorial is best of the best of the best That I have seen last 12 years. Simple frontend backend database web app in 30 minutes.
    Thank you for your time.

  • @jamesspeigelhalder9592
    @jamesspeigelhalder9592 5 місяців тому

    Dude!!! I've been watching you for years. You should put a couple of classes together so we can get a certification from your content. Thank you so much for all the help. Have a great day!! 😁

  • @rizkyazandra9651
    @rizkyazandra9651 2 роки тому +1

    clearest ever tutorial on appscript

  • @edgardocometto2051
    @edgardocometto2051 3 роки тому

    You are so clear! I practically do not speak english, but with your videos I learn both. Thank you for your time..

  • @annaandresen7048
    @annaandresen7048 6 років тому +16

    This is such an amazing video. You really have a great teaching style, everything is so clear and you explain everything so good! thank you so much for helping out

  • @WitoonThreamthakanpon
    @WitoonThreamthakanpon 3 роки тому +1

    Super step to make webpage easy way. I can apply these step for small business. Thank you so much and very much. :))

  • @lasantharanjith8230
    @lasantharanjith8230 2 роки тому

    I have created a valuable online application after watching your videos, thank you very much👍

  • @amalprabath7983
    @amalprabath7983 6 років тому +2

    you are the best teacher ever

  • @valadares462
    @valadares462 6 років тому +1

    Fantastic. This is your best video until now.

    • @jammer268
      @jammer268 6 років тому

      Bruno Valadares )

  • @BarryMilne
    @BarryMilne 3 роки тому

    This is great! I've been using Google App scripts for a while;but, haven't done any UI expect with the Google Apps. This is a great jump start.

  • @gsxmentor
    @gsxmentor 5 років тому

    I have not found any video material on web, regarding this, better than yours. Salute and Respect for your detailing and convincing method of conveying rather teaching

  • @alipouradam4406
    @alipouradam4406 5 років тому +5

    I really enjoyed watching this video! Perfect quality, sound, compact teaching, just perfect! Thank you SO MUCH and wish you all the best.

  • @avimehenwal
    @avimehenwal 5 років тому +5

    WOwowow wowo man! This tutorial did just opened my eyes. And all this come free with google if you can program little bit :) Thankyou so much for this tutorial man, loved it. Its mind blowing

  • @leonsabit001
    @leonsabit001 3 роки тому +1

    You´re a genius. Amazing video. Here again.

  • @rayongkiteboardingschool7023
    @rayongkiteboardingschool7023 3 роки тому

    I think your great at doing all these videos. you teaching is clear an concise. Love it.

  • @liangmale
    @liangmale 6 років тому

    Excellent video, as others people say don't stop, we are waiting for more, thanks a lot. You are a teacher by nature

  • @josephus626
    @josephus626 5 років тому +11

    Going back to this tutorial, I realized it would be awesome if there is a way to fill out a fillable PDF from information provided in the web app. As always, I appreciate your tutorial bro. Keep them coming.

    • @rafaelwendel1400
      @rafaelwendel1400 4 роки тому +1

      It is, all you need to to is integrate the form data with Google Docs or Google Slides, for example SlidesApp has the function replace all text which you can run along with DriveApp to create a temporary copy and replace your info, then you can save the blob as PDF and export it, save it in your Google Drive our use MailApp to email it

  • @marwanshwaiki777
    @marwanshwaiki777 2 роки тому

    This is really a great video. I think this would change my methods with the registration in my educational spreadsheets.

  • @brintmontgomery8323
    @brintmontgomery8323 5 років тому +1

    So VERY glad somebody walked me thru this processes!! Thanks for making this video.

  • @rachidbeggar711
    @rachidbeggar711 6 років тому +5

    You are doing a very noble work, thank you so much.

  • @martinn1071
    @martinn1071 5 років тому +7

    THIS IS GOOD STUFF
    I MEAN, REALLY GOOD STUFF
    YOU'RE THE MAN !!

    • @maziarpedram5213
      @maziarpedram5213 4 роки тому

      google.script.run.userclicked() does not work, please explain why

  • @emingunduz4690
    @emingunduz4690 2 роки тому

    Thank you for these information. They helps a lot. You teach step by step and easy to understand. It helps me to be better at my work.

  • @Benji-Hello-World
    @Benji-Hello-World 4 роки тому +47

    If you run into trouble trying to Log the (e) or event click on the "Apps Script Dashboard" link at the bottom of the log window, this will show you the log output that matches the video.

    • @erickk716
      @erickk716 4 роки тому +2

      may i know why this happen? i mean the null value from the log.

    • @JDLeadam
      @JDLeadam 4 роки тому +3

      @@erickk716 They must have updated Apps Script. On the pop up page with "null" click on the text link at the bottom "Apps Script Dashboard" and if you click on each log it will show you what's referenced in the video.

    • @addasmusic
      @addasmusic 4 роки тому +2

      i should have came to comments 15 mins earlier😑 thank you btw😂

    • @hubertprayogo5858
      @hubertprayogo5858 4 роки тому +3

      I just started making one myself (total newbie on this)
      Apparently this is not the only thing that has been slightly changed, the part where function 'userClicked' is now considered TypeError & cannot get the log for "Someone Clicked the Button".
      Any idea how to fix this?

    • @jimarl2002
      @jimarl2002 4 роки тому

      Inhabilitar el nuevo tiempo de ejecución de Apps Script con tecnología de Chrome V8

  • @jodhvirsingh8677
    @jodhvirsingh8677 3 роки тому +1

    Excellent tutorial as usual

  • @jasonstraurss6974
    @jasonstraurss6974 2 роки тому

    very fun first go, thank you for the tutorial, in programing it is always gratifyingly to get results quickly

  • @hakuna3624
    @hakuna3624 5 років тому +1

    Great tutorial... Finally found solution how to make google script app using html service after ui service deprecated warning here. Thanks you!!!

  • @m07028
    @m07028 3 роки тому +1

    You are a life saver. Great Job!

  • @tiwarirr
    @tiwarirr 6 років тому +2

    Very nice teaching! Thanks for adding new contents.

  • @fhozouri
    @fhozouri 3 роки тому +1

    Great training for novices.

  • @bigbrother1211
    @bigbrother1211 4 роки тому +2

    Thank you so much!
    This is the kind of video that changes the world : )

  • @thinhse
    @thinhse 3 роки тому +8

    If you follow the instruction until 19:12 and get nothing in the Log, just go to the menu Run and choose Disable new App Script runtime powered by Chrome V8, then everything will work.

  • @snwlms
    @snwlms 5 років тому +2

    Please Add more vids on app script..
    Awesome content as always..

  • @sheikhraisulislam4483
    @sheikhraisulislam4483 3 роки тому

    Bools eye. No bullshitting , just pure knowledge. awesome style.

  • @staycalm4957
    @staycalm4957 4 роки тому +1

    Thanks a lot for those tutorials. They are really helpful, so well organized and much detailed!
    Keep up the good work!

  • @tarunsukhpalani9514
    @tarunsukhpalani9514 5 років тому +2

    First 10 seconds and I was like this is what I am searching for years😋🐒

  • @AkiraShocking
    @AkiraShocking 5 років тому

    It's just amazing ! I'm from France and your tutorial is just fantastic for learn. Don't stop yeah, thank you !

  • @ベンカタラマナ
    @ベンカタラマナ 4 роки тому

    Very nice tutorial. I am writing standalone scripts for myself, not using html interaction. Need arised to share with my colleagues. WebApp deployment is found appropriate, for which this tutorial is apt. Thanks.

  • @---ml4jd
    @---ml4jd Рік тому

    thanks for a great vid, i reference this vid mabye 10 times over the years LOL
    loov u

  • @geremycao4919
    @geremycao4919 6 років тому +1

    Really appreciate these, has helped me so much. Please don't stop!!!

  • @mrpakravian
    @mrpakravian 6 років тому +1

    You are Awsome as usual
    Every tutorial is a killer

  • @chatbot6348
    @chatbot6348 5 років тому

    Great video,. The best tutorial about how to use GAS for newbie.

  • @robertmaluka2763
    @robertmaluka2763 6 років тому +4

    I really enjoyed this video. This is what I have been looking for. I would like to know more on HTML Thanks

  • @chandrakantsurwase2881
    @chandrakantsurwase2881 5 років тому

    Great video by Google thanks for sharing this valuable video.

  • @နည်းပညာရေးရာအဖြာဖြာ

    Nice, Helpful video,saya 😘

  • @fusillertube
    @fusillertube 4 роки тому +2

    Excellent tutorial. Very well explained, the logic is clear. Great job ! Thanks a lot

  • @julia.vasilieva
    @julia.vasilieva 5 років тому

    Genious in teaching! Yes please make an html video explaining these options (output, evaluate etc.), explaining scriptlets and what's the difference in using them with using , when and why. How to properly use a script inside an html file, interaction between them. So appreciate your efforts!!!

  • @reie4208
    @reie4208 5 років тому +1

    Your tuts have been helping me so much. You're amazing! Thank you very much!

  • @brilliantpy
    @brilliantpy 2 роки тому

    Thank you for creating a very helpful and easy to follow video! Great job!!!

  • @CBSD1972
    @CBSD1972 6 років тому

    Thanks a lot! It's a long awaited video. Please, give us more about google web scripts

  • @AndroidsReview
    @AndroidsReview 4 роки тому

    Very useful video for me, it help me understand work on freelance. Thank you!

  • @sohailmalik5481
    @sohailmalik5481 5 років тому

    Very Nice Tutorials.. Please keep on making such useful stuff

  • @minabenjamin3660
    @minabenjamin3660 3 роки тому

    Thank you so much mate!
    Your videos are so informative.
    Great job.

  • @fpwilliams71
    @fpwilliams71 3 роки тому +2

    Awesome. well done for the good job.

  • @fredzecat5993
    @fredzecat5993 5 років тому

    Only two words : Great, Thanks !

  • @leonsabit001
    @leonsabit001 4 роки тому

    Excelente tu aporte. Soy de Colombia y estoy sencillamente encantado con la claridad con que explicas. Por cierto, no hablo muy bien Inglés; no obstante comprendo tus videos. Gracias por tu colaboración y dedicación.

  • @rustamthomas6381
    @rustamthomas6381 5 років тому

    Thank you very much ... This video is a great tutorial for me to enhance my tools. Wonderful and bravo. Really a great information !! You nailed it.

  • @guitarman7575
    @guitarman7575 4 роки тому +1

    Great. Thank you 👍👍👍 you're the best

  • @JanJanuszNosacz
    @JanJanuszNosacz 4 роки тому +1

    This is an awesome video! Helped me to understand the way html page connects to functions in Apps Script. Thank you!

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  4 роки тому +1

      Glad it was helpful!

    • @JanJanuszNosacz
      @JanJanuszNosacz 4 роки тому +1

      @@ExcelGoogleSheets Helped me write a nice script for my boss. It was accepted today ;) Thanks again!

  • @sandermann
    @sandermann 4 роки тому

    Great Tutorial. Thank you for sharing.

  • @seyjoon
    @seyjoon 4 роки тому +2

    Hi. I am beginner and your video is so helpful. btw, I just ran doGet(e) function and it says 'TypeError: Cannot read property 'parameter' of undefined (line 2, file "Code")'. i wrote down exactly as same as you wrote. what could be the problem?

  • @DavidWeissProgramming
    @DavidWeissProgramming 3 роки тому +7

    Thank you Learn Google Spreadsheets! Your videos really helped me out when I was beginning to learn to program. Now, I'm a small UA-camr producing tutorials on Apps Script and Google Cloud myself. But how did you get over 100K+ subscribers? I really hope to build a channel like yours someday! :)

    • @stephaniehartman4633
      @stephaniehartman4633 3 роки тому

      Keep producing videos. you have good content! When you first get going it will be slow but then by year two you'll see 5K subs and year three 25K. You just gained one more sub from me!

    • @michaelshaw7652
      @michaelshaw7652 3 роки тому

      Well, he got so many subscribers is because he is very good at what he does. His teaching style and structure fits most people from beginning to seasoned programmers who want to get into google script. You will get there if you keep working on your craft.

  • @tienganhtuduy
    @tienganhtuduy 6 днів тому +1

    i can't find the "view->log" and "test lastest code" function today, does google apps script still have these function?

  • @ph5874
    @ph5874 3 роки тому

    You are the best, well done!

  • @tinkershukla1725
    @tinkershukla1725 5 років тому

    Your are the best I have come across . Even better than the bozos on other paid edu-portals

  • @alesue6575
    @alesue6575 3 роки тому

    Thanks Brother . i am writing 1st time in J.S

  • @alfredocoindreau9876
    @alfredocoindreau9876 3 роки тому

    Estoy flipando pepinillos, apenas vi que se podía incluir css, js, html, y sigo flipando leyendo la documentación , ya estoy diseñando en el papel la app que voy a armar, muy buenos videos!!! like vitalicio para los videos de este canal

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

    Hey thanks for the great series! I am knew to app script and coding and was hoping if you could help out with a small issue i am facing. The variable declared in the HTML JS to be called within the App Script code is not getting identified as a variable. thanks

  • @PropertiDong
    @PropertiDong 4 роки тому

    Very helpful information , thanks 🙏

  • @pymathsstepbystep490
    @pymathsstepbystep490 5 років тому

    Very useful. Thank you for sharing.

  • @ai.aspirations
    @ai.aspirations 6 років тому

    thanks its a good introduction....looking to all tuto

  • @edidiongesu4035
    @edidiongesu4035 4 роки тому +1

    Thank you for this Video, man

  • @JorgeHerrera-qn5fj
    @JorgeHerrera-qn5fj 3 роки тому

    very usefull even in 2021

  • @agentbey
    @agentbey 5 років тому +1

    Very clear and precise. Way better than all the blogs and videos I've seen in the past 48 hours. Big thanks. Question: I have already have an HTML form with more details. Do I need to add a variable for each input type?

  • @prakash52kar
    @prakash52kar 4 роки тому +5

    Sir, Logger.log(e) or Console.log(e) both gives "undefined" on Log!

    • @jimarl2002
      @jimarl2002 4 роки тому +3

      Inhabilitar el nuevo tiempo de ejecución de Apps Script con tecnología de Chrome V8

  • @4funrc11
    @4funrc11 4 роки тому

    Thank you! :) I've been hoping for this type of instruction vid. :)

  • @pierrelcane5525
    @pierrelcane5525 5 років тому +2

    is there a different version now? the Log doesn't seem to show the one at 7:19, it's just showing "No functions have been run in this editor session".

    • @andreajaquelinearellanodia6250
      @andreajaquelinearellanodia6250 4 роки тому +1

      I have the same thing, I think that now they show that at "panel of Apps Script", I had a message bellow where Logger.log should show the results, hope that makes any sense and helps!

    • @Benji-Hello-World
      @Benji-Hello-World 4 роки тому

      @@andreajaquelinearellanodia6250 This was helpful I was stumped on this part but the panel had the correct info that matches the video

  • @RidleyS79
    @RidleyS79 4 роки тому +1

    Hi,
    Great material!
    I wonder if you think it'd be possible - and legal at all - to create a google web app and rent out the solution by granting access to a 3rd party without them having the possibility to duplicate the app and start using on their own.
    If yes, I also wonder if it's possible to create pdfs with a press of a button within the app, to which the user would have access via a shared folder and get it somehow email it to their customer by a couple of clicks. Thanks in advance for your answer!

  • @rgenericson5361
    @rgenericson5361 5 років тому

    Sweet! Just what I need for a work project!

  • @mask75260
    @mask75260 5 років тому

    Great I learn a lot from you.

  • @deveshkumarsharma843
    @deveshkumarsharma843 4 роки тому

    Great video. Can we search and print data from spreadsheet in same manner. Means by clicking a button. Please help.

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

    Good night.. Can I get access your script and spreadsheet for my convenience for study and learn it! Thank you..😀

  • @eneiasmg
    @eneiasmg 5 років тому

    All I can say is Thanks a lot! 👏👏👏

  • @johnberntson1669
    @johnberntson1669 4 роки тому +1

    Guess I am doing something very wrong. No matter what I do, as soon as the web page renders, before I have a chance to enter data or click radio buttons, the console log is showing "Uncaught SyntaxError: Unexpected token '{' ". I have simplified, moved things around, tried a few stackflow recommendations, still the same. The error is supposed to mean something is undefined. The devtools debugger never seems to get to my code, only a processed version with what I assume is google stuff added, and it won't show me exactly where the error is, just a clickable reference to a userCodeAppPanel that has nothing on it. I wonder if there are some environmental settings that might need to be set?
    Anyhow, going to vegetate for a while, if anybody has any suggestions.

    • @johnberntson1669
      @johnberntson1669 4 роки тому

      AND... Please disregard above question, everyone. Missing parens in the HTML function definition. So, it was hitting the curly bracket where it didn't expect to find it. Can anybody get my past six hours back for me? :)

  • @leonelcontreras9914
    @leonelcontreras9914 4 роки тому

    Thank you, this is really useful.

  • @genaminin
    @genaminin 4 роки тому +1

    Nice! Very useful

  • @andreslara1849
    @andreslara1849 5 років тому +3

    This is so great, wonderful tutorial. Thanks for all have you done. I wrote the same code like you but I got an error in HTML button, it doesn't work when I do click but when I run the function works perfectly, could you help me, thanks again bro!

    • @andreslara1849
      @andreslara1849 5 років тому

      I got this error: Uncaught TypeError: document.getElementById(...).addEvenListener is not a function

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  5 років тому +4

      it's not Even it's Event

    • @SMDtv24
      @SMDtv24 4 роки тому

      @@ExcelGoogleSheets I wrote the same code like you but I got an error in HTML button, it doesn't work when I do click but when I run the function works perfectly, could you help me, thanks again bro! is there any problem with google.script.run.myFunc() ?

  • @faiqhafidzfaiq301
    @faiqhafidzfaiq301 4 роки тому +2

    want to ask
    at 7:25
    why my log is "nul"
    and if i reload the web app, the log doesn't change
    and if i "run" manually, the log change
    thank

    • @benix3332
      @benix3332 2 місяці тому

      i have the same problme did u solve this?

  • @dyaaserag6727
    @dyaaserag6727 5 років тому

    Woow ! That is great !!!
    That tut was so helpful,thx bro❤

  • @kulspike88
    @kulspike88 4 роки тому +1

    Thank you for making this. I love the tutorials. Any chance you can share the code from the lesson? I am copying what you are doing but for some reason it is not working.

  • @tienganhtuduy
    @tienganhtuduy 10 днів тому +1

    can i connect it to google site?

  • @rotvx
    @rotvx 4 роки тому

    Great!!! Can you show how i can insert data use this technics into ms sql server? Or select data from ms sql??? Thanx so much.!!!

  • @wemissuamy
    @wemissuamy Рік тому +1

    Unfortunately it doesn't work for me. I've created and replicated doGet function as shown. But html page won't appear due to "Script function not found: doGet" error.

  • @sarni0206
    @sarni0206 4 роки тому +1

    @7:20 I am getting null in the logs. Deployed the code as a new version also.

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  4 роки тому

      Refer to this video if you're having issues with logs ua-cam.com/video/flxj-QB50zo/v-deo.html

    • @adeep598
      @adeep598 4 роки тому

      dont worry about it. in editor only logs related to editor will be shown. i think this is because of some settings change. you can get the prper log values via view---->executions

  • @OccasionalRunner
    @OccasionalRunner 3 роки тому +1

    **SOLVED:
    So I followed the tutorial (two times) and ended up copying basically everything - word by word - to conclude that some things changed for sure.
    1. The log changed in the way it shows the data - can't show parameters (error when you try)
    2. google.script.run.userClicked(); does not work anymore. At least not for me (oktober 9 2021). - I checked typing errors etc. Everything was exactly as shown in the video.
    What is the workaround for the second problem? I really want the page.html to call/use the functions of the gs. code.
    Amazing tutorial videos btw. Liked as well! And I know things change from time to time, so I don't blame the content at all - Love these videos!

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 роки тому +1

      Parameters still work, you just have to check the logs under Executions instead of View->Logs.
      The only way google.script.run wouldn't work is if you have some sort of security plugin on your browser that prevents it from working OR you have multiple Google accounts and Google isn't able to recognize the right account when you run the script. The solution for the latter is to log out of all your accounts and login with the right account.

    • @OccasionalRunner
      @OccasionalRunner 3 роки тому

      @@ExcelGoogleSheets Wow! Thanks for your. help. Fixed it now. 🔥🔥🔥

    • @OccasionalRunner
      @OccasionalRunner 3 роки тому

      @@ExcelGoogleSheets And thank you for taking your time to answer. I've spend countless of hours following your videos. Big fan!

    • @angelaeast1895
      @angelaeast1895 3 роки тому

      @@OccasionalRunner What did you do to fix it. I'm having the same problem

  • @maicoldonofrio5809
    @maicoldonofrio5809 2 місяці тому

    Good morning, first of all, excellent tutorial. I followed it but it can't read the data I insert into the textbox..... It tells me it can't read the parameters of e.