Steve, I can't thank you enough for this example. I have a new web / mobile app I am creating where I was really struggling with how to pull the data from the forms, push it into a list and then into local storage. I have looked at dozens of RUclips videos and gone done many rabbit holes along the way. Your example helped me to succeed. Clear, straight forward and easy to understand example. Please keep up the good work.
Steve, whenever i click on one of your videos after searching what I need to learn, I hit the like button and only then i watch it, because it's clear for me that you're going to help me with whatever programming issue I have. Can't thank you enough, you were born to teach and explain. Take care!
Steve, Thank you so much for explaining these little details. I'm new in Javascript and I wanted to know how to store those inputs from user in a storage for my thesis. I can't understand complex things as of the moment so I needed someone to explain these to me and Im glad I found your channel. Keep doing this, please. You're a great teacher. Thank you!
Dude you just became my hero. Thank you for explaining WHY and not just stating syntax. I want to be a better programmer not a faster typer. This is such an overlooked nuance in the YT coding realm. Solid stuff. Were also 4 minutes in and I've yet to hear about your amazing course that'll make me a full stack developer in 43 seconds. Subscribed.
What are the odds than I'm doing my first project to end the precourse material right now. Happy to see my bootcamp of choice uploading these helpful videos!
I can't even begin to explain how much this helped. It is suprising how many videos I found here were either not helpful or missed crucial details but you made it all clear. Thanks man!
I love this so much. I can't express how grateful I am to find this video! Anyone interested in adding this to a form you are creating I just learned you can hide the msg to make this more secure using CSS HTML line 27-29 I didn't want the data to show to the user, only show on the backend. I used CSS to hide it: #msg {display: none;} This helped me being a newbie so I hope it helps another!
amazing video i was actually doing the same as you and thought why it would not add the object to the array it turned out i had a simple logical mistake when checking if everything was not empty
You're an awesome teacher! Just a suggestion though, could you consider writing all the code as the viewers watch.. It helps learners explore the mind of a pro in terms of approaches to solving programming problems. Explaining an already-written code is cool but someone can easily get lost along the way. Thank you and keep educating
I do that in most videos. Sometimes I start with more code to save time while explaining it. Especially if it is a lot of code that I explain and write in other videos made around the same time
Brother your voice and tone are just fascinating. You was just born to be an voice actor or the guy that makes trailers sound so badass. English is not just my native language even though im sure you guys will get the point
Look, Simba. Everything the light touches is our kingdom. A king's time as ruler rises and falls like the sun. One day, Simba, the sun will set on my time here, and will rise with you as the new king. Lol I can do it all day
As a beginner this helped me a lot ^^ thanks. I only programmed in java before but i did really good there. For example artificial intelligent. And now i wanna do something else. Thank you for the great start ^^
Steve!!!! Thanks for your dedication to these awesome videos. So I'm using part of this tutorial for an app that I'm developing. Do you have a tutorial that would demonstrate saving the data to a server?
For uploading data, this tutorial covers all you need - ruclips.net/video/2sQ9xiEAXNo/видео.html I have a playlist on MySQL - saving data in a MySQL database, I also have a playlist on PHP - building webpages and talking to the database. And I am currently recording a video on how to use SQLite in NodeJS to save data. It will be part of the NodeJs playlist.
This was amazing!! I've been looking for someone to explain this for months!! Thanks!! Now I need to figure out how to send this information to the AWS S3 bucket!! Thanks a ton!!
You're a developer favorite over at JavaScript academy. Keep up the great work with JavaScript and CSS. Also great use of descriptive language and never assuming the obvious.
Hey! Your videos are great! Your voice is like a masage. And the content: always right on point. Special stuff. Logic logics and enjoy every bit of it! Thanx🙏🏻
Question: i dont want it to display on my page,i just want to store(new user) it as a object in my javascript or anywhere and give same functions as other code ,can i do that using js?
You can save the data in a JS variable on your page if you only need it while the page is open in the browser. If you want it the next time they visit the same page using the same browser then you would use localStorage or IndexedDB. If you want the data available from other browsers then you need to send it to the server via fetch( ).
thank you for this. I'm learning through the Odin Project and did all this reading on objects and .this and shit but they never did anything to explain how to link that stuff to the dom/ html elements. this let me know I was on the right track. thanks a lot.
how does this change when I have a constructor? I wrote a constructor for a book object that has title, author, pages, and whether it's read or not, and I have a modal form that I need to create an instance of the book. do I link the form to the constructor instead?
I can't thank you enough, it's exactly what I needed. You're one of the best teachers I've ever seen, it's brief and exactly to the point. I'm new to web development and I completely understand it. Just one question: is there anyway that I can save that data to a JSON file instead of local storage?
You can take the data and pass it to JSON.stringify. Then that JSON string can be uploaded to a server as the body in a fetch call. Eg with FormData - ruclips.net/video/JtKIcqZdLLM/видео.html
First of all, man, your voice is AMAZING xD. The video was exactly what I was looking for, but I still have one question, how can I send that JSON file to the server so I can use it for example in a python script that is living in the server scope?
Thanks. You can use fetch to upload the JSON data. I have a playlist on AJAX that gives lots of examples of fetch and sending data in different formats.
Thank you for the tutorial, one issue I have though is the instance not saving when I refresh, I thought saving to local storage like this retained information even when refreshing
thank you for sharing but i couldnt find the file of json in local folder i need to save and after that get that same json and add and delete is there any video or documentation for that , thanks
localStorage does not create a local file that you can open. localStorage is a place in memory, within the browser, where strings can be saved with an associated key. You have to use the localStorage methods to save or read those values. If you want to learn more about localStorage, this video - ruclips.net/video/Lu-eBtYTRBY/видео.html - can help. If you want to save data to actual files, then these tutorials talk about doing that. ruclips.net/video/zq2xD-xuIG4/видео.html ruclips.net/video/MsHrntNF0Z0/видео.html This video talks about Chrome dev tools for storage ruclips.net/video/0JY4oQD66L4/видео.html
how would could I make it possible for me to access the data that is inputed? You can't do it through local storage because that is only for that user right?
Maaaan, that voice turns this tutorial into a fairytale 👍
I subscribed right away😂
@@scottdouglas2490 same!
0:03 and I'm down here just to say THIS MAN SHOULD START MAKING PODCASTS!
Steve, I can't thank you enough for this example. I have a new web / mobile app I am creating where I was really struggling with how to pull the data from the forms, push it into a list and then into local storage. I have looked at dozens of RUclips videos and gone done many rabbit holes along the way. Your example helped me to succeed. Clear, straight forward and easy to understand example. Please keep up the good work.
Steve. Thank you! Complex --> Simple (once one tracks what's going on under the hood). I really appreciate your brain.
Steve, whenever i click on one of your videos after searching what I need to learn, I hit the like button and only then i watch it, because it's clear for me that you're going to help me with whatever programming issue I have. Can't thank you enough, you were born to teach and explain. Take care!
Steve, Thank you so much for explaining these little details. I'm new in Javascript and I wanted to know how to store those inputs from user in a storage for my thesis. I can't understand complex things as of the moment so I needed someone to explain these to me and Im glad I found your channel. Keep doing this, please. You're a great teacher. Thank you!
Who would've thought that I would hear such a voice and great explanation.
Hi guys i am from India and came to this channel and got surprised
Because of esay explanation
Its really likeable
Dude you just became my hero. Thank you for explaining WHY and not just stating syntax. I want to be a better programmer not a faster typer. This is such an overlooked nuance in the YT coding realm. Solid stuff. Were also 4 minutes in and I've yet to hear about your amazing course that'll make me a full stack developer in 43 seconds. Subscribed.
Thank you so much. I like how you explain why you wrote a certain code. Really helps to understand the code rather than memorising it.
What are the odds than I'm doing my first project to end the precourse material right now. Happy to see my bootcamp of choice uploading these helpful videos!
I stopped the video before 2 minutes and had to subscribe. This is the kind of teaching I'm looking for. I'm gonna continue watching now.
I can't even begin to explain how much this helped. It is suprising how many videos I found here were either not helpful or missed crucial details but you made it all clear. Thanks man!
This is really beautiful. Gave exactly what I needed and more. Very brief and nailed it
Great tutorial. Thanks for walking through the "How's" and "Why's" rather than having a "Just copy me" approach.
Too many tutorials out there are just watching someone build one version of one project. I aim to help people understand. 🙂
I love this so much. I can't express how grateful I am to find this video!
Anyone interested in adding this to a form you are creating I just learned you can hide the msg to make this more secure using CSS
HTML line 27-29 I didn't want the data to show to the user, only show on the backend. I used CSS to hide it: #msg {display: none;}
This helped me being a newbie so I hope it helps another!
amazing video i was actually doing the same as you and thought why it would not add the object to the array it turned out i had a simple logical mistake when checking if everything was not empty
The way you explained this made me insta subscribe. I don't even know what content you make but it doesn't really matter. Thanks, Professor Steve.
I wish I saw your channel a year ago, to be honest is it the best and you explain it like mixing two ingredients.. love it thank you
This was amazing Steve 💯 I very rarely comment on videos, but this tutorial was spot on! Please never stop🙏
Man, you made it so easy I'm crying lol. I was stuck with this problem FOR HOURS and you just saved my butt, thank you so much!
I was facing the issue of retrieving data from input form to local storage. This video really helped me to solve that issue. Thanks Steve sir!
Wow, the context and clarity is really helpful here.
NOBODY explains things so well. Thank you!!!
You're an awesome teacher! Just a suggestion though, could you consider writing all the code as the viewers watch.. It helps learners explore the mind of a pro in terms of approaches to solving programming problems. Explaining an already-written code is cool but someone can easily get lost along the way. Thank you and keep educating
I do that in most videos. Sometimes I start with more code to save time while explaining it. Especially if it is a lot of code that I explain and write in other videos made around the same time
Thanks a lot for "prevent default". You really helped me to save my time (I already spent half of a day to solve this problem).
that's the reason I subscribed !
thanks for telling every small thing .
Brother your voice and tone are just fascinating. You was just born to be an voice actor or the guy that makes trailers sound so badass. English is not just my native language even though im sure you guys will get the point
In fact, after this video when I hear myself I sound to myself like a goddamn chicken lol
Look, Simba. Everything the light touches is our kingdom. A king's time as ruler rises and falls like the sun. One day, Simba, the sun will set on my time here, and will rise with you as the new king.
Lol I can do it all day
@@rasulali4690 lol
@@rasulali4690 dont think I will ever be on the same level as James Earl Jones or Morgan Freeman. 🙂
Got me a new teach love the in depth knowledge on why it works not just how
Programming is supposed to save time and resources, like this video of Mr Steve's. Arigato-gozaimasu, sensei.
Professor Steve to the rescue, twice in 2 days! Subscribed.
no words to explain how much I am thankful to you.
Thanks, Steve! I like your teaching style.
That voice tho. I subscribed immediately! Great content. Did exactly what I wanted! Thanks!
More JavaScript vids please. Your explanations are really clear. Subscribed 👍🏼 keep up the good work I really need this in my life
As a beginner this helped me a lot ^^ thanks. I only programmed in java before but i did really good there. For example artificial intelligent. And now i wanna do something else. Thank you for the great start ^^
Great easy video on my quest to learn web development. For a moment, I thought you was Agent 47
Only half way through and I'm already really impressed by this video. Great job. Best one ive seen regarding this topic.
Steve!!!! Thanks for your dedication to these awesome videos. So I'm using part of this tutorial for an app that I'm developing. Do you have a tutorial that would demonstrate saving the data to a server?
For uploading data, this tutorial covers all you need - ruclips.net/video/2sQ9xiEAXNo/видео.html
I have a playlist on MySQL - saving data in a MySQL database, I also have a playlist on PHP - building webpages and talking to the database. And I am currently recording a video on how to use SQLite in NodeJS to save data. It will be part of the NodeJs playlist.
Thank you for explaining what going on in the block of code. saved the grade
Thank you my friend, greetings from Greece!
This is awesome. Super clear and well explained. Great job!
This was amazing!! I've been looking for someone to explain this for months!! Thanks!! Now I need to figure out how to send this information to the AWS S3 bucket!! Thanks a ton!!
You're a developer favorite over at JavaScript academy. Keep up the great work with JavaScript and CSS. Also great use of descriptive language and never assuming the obvious.
Thanks!
Is that Chris Ferdinandi's Vanilla JS Academy?
Yes it is! Your videos have helped. Devs reference your links quite often.
Great tutorial. Explained every line of code concisely. Thank you sir.
Greattttt work mannnn, I was stuck in a project but your video helped me out and saved my time
Thank you very much.
The others tutorials i saw didn't show the array method
Amazing video!! Clear, simple and direct! Subscribed for sure!
Thank you very much! you made me realize an error i was making and it was taking me to my "breaking point"
Thanks so much Steve, I was looking for it and youtube has suggested me your video... Super clarifying, congratulations!
Hey! Your videos are great! Your voice is like a masage. And the content: always right on point. Special stuff. Logic logics and enjoy every bit of it! Thanx🙏🏻
Question: i dont want it to display on my page,i just want to store(new user) it as a object in my javascript or anywhere and give same functions as other code ,can i do that using js?
You can save the data in a JS variable on your page if you only need it while the page is open in the browser. If you want it the next time they visit the same page using the same browser then you would use localStorage or IndexedDB. If you want the data available from other browsers then you need to send it to the server via fetch( ).
Great tutorial and very helpful! I searched and searched and you nailed it all. Thank you so much!
I really want to thank for your amazing and understandable way
thank you for this. I'm learning through the Odin Project and did all this reading on objects and .this and shit but they never did anything to explain how to link that stuff to the dom/ html elements. this let me know I was on the right track. thanks a lot.
how does this change when I have a constructor? I wrote a constructor for a book object that has title, author, pages, and whether it's read or not, and I have a modal form that I need to create an instance of the book.
do I link the form to the constructor instead?
thanks again. objects are confusing once you get into prototype and constructors
You are awesome. A bit of everything in one video.
I can't thank you enough, it's exactly what I needed.
You're one of the best teachers I've ever seen, it's brief and exactly to the point. I'm new to web development and I completely understand it.
Just one question: is there anyway that I can save that data to a JSON file instead of local storage?
You can take the data and pass it to JSON.stringify. Then that JSON string can be uploaded to a server as the body in a fetch call.
Eg with FormData - ruclips.net/video/JtKIcqZdLLM/видео.html
@@SteveGriffith-Prof3ssorSt3v3 Thank you so much.
Thanks Boss. Adding to local storage is the jelly
this is he best video , I was looking for it for long time. you deserve 10000000 likes
First of all, man, your voice is AMAZING xD. The video was exactly what I was looking for, but I still have one question, how can I send that JSON file to the server so I can use it for example in a python script that is living in the server scope?
Thanks. You can use fetch to upload the JSON data. I have a playlist on AJAX that gives lots of examples of fetch and sending data in different formats.
Steve Griffith Thank you so much again 🙏🏻
u r a hero! Thank you so much for saving the world with vanilla JS!
Fantastic tutorial, I have learned things...
Your voice is perfect for the tutorial. I'm saying this before I even dare to watch more than 0:15 of the video. I subbed, ez.
Thank you for the tutorial, one issue I have though is the instance not saving when I refresh, I thought saving to local storage like this retained information even when refreshing
It does. The information is still in localstorage but you need to read it from localstorage when the page loads.
Thank you so much! You made it very easy for a beginner like me to understand!
The voice just wants me to learn more lol
Phenomenal. You were born to teach.
What an encounter?! I just got exactly what I wanted. Thanks man!!
This is great
Better than explanations i have got in univ
Awesome explanation Steve. Thanks a lot.
Man i've been struggling a lot with this thank you for the help.
man your voice is heaven
Well done. Love the way you explain. Thank you!
Your voice is so good and you're a good teacher
Thankyou soo much fort his beautiful Explanation
This video was exactly what I was looking for! Thank you! Just subscribed!!!
Thanks for the nicely done "tutorial". :) Keep up the very helpfull work.
Clear, helpful and perfect. Thank you so much 🍻
Great video, thanks! Exactly what I was looking for.
This channel just keeps on giving!!
This is a great video sir❤️
It helped me a lot.😊 This video has solved a lot of my problems.
Thank you so much!!! Cleared all my doubts.
APIS would be a good Topic, Manipulating DOM Elements can also be cool
Both of those are already playlists on my channel page.
Well explained, thank you ! Really helped me doing my project :)
thank u so much for the detailed content
most helpful person on the internet
This video helped me solve my issue thank you 😊
clear explanation and to the point, thanks a lot
thank you for sharing but i couldnt find the file of json in local folder i need to save and after that get that same json and add and delete is there any video or documentation for that , thanks
localStorage does not create a local file that you can open. localStorage is a place in memory, within the browser, where strings can be saved with an associated key. You have to use the localStorage methods to save or read those values. If you want to learn more about localStorage, this video - ruclips.net/video/Lu-eBtYTRBY/видео.html - can help.
If you want to save data to actual files, then these tutorials talk about doing that.
ruclips.net/video/zq2xD-xuIG4/видео.html
ruclips.net/video/MsHrntNF0Z0/видео.html
This video talks about Chrome dev tools for storage
ruclips.net/video/0JY4oQD66L4/видео.html
wow! great explanation ...
how would could I make it possible for me to access the data that is inputed? You can't do it through local storage because that is only for that user right?
Correct. You have to send the data to a serverside script that saves it in a database.
I love u man. U don't know but u just saved my day
Thanks so much! you really helped me out here :)
thanks a lot!!! so nice reverb
Oh my my !!
U saved me ! This really helped !
Keep making great content like this!
you explain it very well thank you!!!
Awesome explanation. It really helps!
Exactly what i was searching for ! tnx mate
Thank you. You helped me to save a lot of time.
Thanks so much for this!!!! It's exactly what I needed