LocalStorage for beginners (HTML and Javascript)
Вставка
- Опубліковано 25 сер 2024
- In this video I will teach you the basics of localStorage using HTML and Javascript. I will show you how to save data to your localStorage and how you can get that data.
Follow me on twitter: / ieatwebsites
Computer Graphic by: www.freepik.co...
wow!!! what an explanation better than my actual "teacher" thank youuuu so much keep it up :D
I’m glad you liked it! Thank you so much. 😊
Hey, dude. Thanks a lot. I was reading this topic in a textbook, but I didn't understand well, but your tuto made me getting it.
I’m glad! You are very welcome. 😁
I love this video. Your account needs more audience.
Thank you so much.
on line 6, it should be if(storedInput) not if(storageInput), shouldn't it? It still works, but we should be checking whether we have something stored in localStorage, not whether we have anything with a class of storage?
True
This video is a hidden gem , Thank you so much 👏
You welcome! 💎 😁
Hi thanks for your video. With your video you will surely Sava lives
😁 that’s amazing. Thank you!
Honestly you're literally hero
😂 thank you!!
Thank you for your video that's helped me to understand this 💝
Really good video! Easy to understand and follow along.
You welcome!!
@@ieatwebsites I build a project based on my knowledge of local storage. I plan on hosting a schedular on git, but with local storage all my changes won't be visible for my friends to view.
Is there a way to achieve my goal?
Regards
Sirrrrrrr! You are amazing! Moreee! God bless!
Thank you! 😄
Man, u create good videos, but few. Hope u will continue your creation and decrease distance between every next video. I can understand that this is just your hobby, but you have the most sensible and interesting videos
Thank you so much for saying that. I will try to make a lot more videos this year. Promise!!
nice one dude
Thanks!!
great tutorial!!!! thanks
Very good video with clear explanation, however localStorage and sessionStorage allow to store key/value pairs in the browser so Both key and value must be strings, so we should’ve stringify it with JSON it first then parse it
thank you, have a great week
You welcome😁
Great video thank you man
You welcome!
Your a life saver Thanks !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
I’m happy to hear that. You welcome!! 😁
Nice video!
Thanks!!
very nice
Thank you!
Excellent tutorial, great explanation. Thank you.
You welcome!
Superb!, 🤩🥳
😁
great tutorial, great explanation. Job well done
Thank you!! 😁
awesome man, nice one
Thanks!
Wow just wow amazing
😄 Thanks!
Great explanation 👍
Thank you!
Great tutorial! well explained, Thank you!
I only understand two type of tech Tutorials 🔥
1. Made by an Indian
2. Made by iEatWebsites
😂😂😂 love it! Thank you so much.
Great tutorial!
Great job.Thank you.Can you make video with remove and edit buttons.
And multiple text entries.👍
You welcome! I will!
Thanks for uploading this amazing video, please can you give us the css file you used thank you.
how can I create a quote with local storage after input some datas as f.e. the country that there appear the postal address of the country on a quote (the quote is the output)...? can I store the data of the address in local storage...? I dont want to use a backend...
Why letter.target.value instead of storageInput.value ?
Your explanation is awesome. Accept greeting
Thank you!!
what if I wanna add more texts, basically instead of changing that one text I keep adding more texts
Thanks! This tutorial helped me a lot!
You welcome!
This is a great video. Thank you.
You welcome!
Thanks a lot !!!!!! Great training ! Thanks Is it possible to made a Video for storing this into a database ?
Database video Coming soon! And You welcome! 😊
What is the name of the colour theme for your vscode
I always used .innerHtml when changing the text/value of an html element. What's the difference between .innerHtml and .textContent?
Can I do the same thing but with audio muted and reload the page and it still muted or in muted?
Thanks
You welcome
great video, helped a lot!
Awesome! Thanks
This video is worth watching! Thank you SIR!
Sir, what's the difference between the local storage used by the browser and the local storage used by Google Chrome Extension? How can I store the data using Google Chrome Extension? Thank you in advance sir.
Which google chrome extension?
@@ieatwebsites I mean sir if you would like to create a google chrome extension application to save the data in the local storage.
Oh ok. That’s a cool idea. Good luck with the project.
@@ieatwebsites Thank you sir.
Thank you very helpful
You welcome!
Completely amazing :)
Thank you!
Incredibly good tutorial
I need ur help
My Aim:
1. I want to create a system in which after entering a value and then click save the value will appear in a card like list(like a list creator)
2. Then after again if i enter the value it will create an another card with the newly entered value and the preveous saved one will be in the list.
3. All on locall storage
Can you please help me?
are you talking like a grocery list type thing? cause I'm working on something like that.
@@asheradanehi ya quite similar
how to print multiple words??
your the best thanks so much
You welcome!
can someone tell me where the "storedInput" come from? 10:56
thank you so much for the video! But I have a question: Is it possible to "not overwrite" the value I entered last time but to create a new key value pair? So I want to create a new local storage entry every time I hit save with a new key and a new value. sorry for my bad English, I hope this is understandable
Everything is possible. There’s no easy way to quickly explain that. Do a quick google search.
Use setItem
awesome
Questions!
I have two buttons and I used the same id to style both of them, can I use the same id for the JS file? will it be conflicted with saving to the localstorage?
Can one button do two things in the JS.file?
Try using classes instead. ID are supposed to be unique. And after you add the same class to both buttons, you can do whatever you want in the JS file.
Please can anyone explain the code that says if(storageInput){text.textContent = storedInput}. How does storageInput evaluate to true for the code to be executed, when the webpage is refreshed isn't the storageInput empty which is an empty string which evaluates to false?
@Vedant Bhushan it would always be true in that case.
This dude has the same accent as the voice actor for, "this is not a game"
😄What’s he’s name? Last month someone told that I have the voice of an actor from the tv show “silicon valley”. Weird
Where is the css file?
can u put code on github?
What type of data can we store in local storage? thanks for the video.
Strings
Would localStorage be the proper way to store table data?
For example, imagine you wrote a script that parses certain pages you browse for specific data. It takes that data and puts it into CSV format with the intent that it can later be read and placed into an HTML table. The amount of rows for the table (CSV) can be over 1000 rows.
Is localStorage an acceptable solution for this scenario or is there a better method?
You can, but localStorage has a limit of 5mb per domain. If your data takes more than 5mb is not going to work. Maybe sending it to a database is a better option.
@@ieatwebsites Thanks for the reply. Unfortunately, a database would not be a viable solution in this instance. However, I don't think the data will exceed 5MB per domain. Thanks!
On line 6, it should be if(storedInput) not if(storageInput). Otherwise very helpful video. Thank you!
he starts talking about localStorage at 6:00
This is one of the worst explanations I've seen about this subject
spam
Yup didn't work for me too
Sorry i missed a '=' it worked
Damn bro I watched 6 minutes looking to learn about local storage. Please next time get to the point : )
can u put code on github?