Check out my similar video on Session Storage: kzbin.info/www/bejne/iKm4lGmQjNyanNk
@guardian9622 жыл бұрын
I've been struggling with JS & localStorage for MONTHS. This video really helped me understand the basics in a way no one else has. Thank you so much! Definitely going to share this with anyone else struggling
@luciusrex6 жыл бұрын
I google for a web dev concept, i find dcode, i click and watch. Once again, concise and with examples all in plain js, excellent work! Keep it up!
@dcode-software6 жыл бұрын
Thanks mate! You're welcome.
@farhanyousaf56165 жыл бұрын
I love the simplicity and approach of demonstrating it.
@dcode-software5 жыл бұрын
No worries mate 😁
@farhanyousaf56165 жыл бұрын
@@dcode-software You should do a more esoteric video on Server Side Events as an intro. And for fuller examples for the ral world, heck make it a course! I'd pay for it =) Have you played with Go?
@DubZenStep3 жыл бұрын
For those who are getting the innerHtml error: watch carefully here 10:32. You are getting "null" because you probably set "lsOutput" as a class instead of an id of the div. If you want to use classes instead of id's, you can use "const lsOutput = document.querySelector(".lsOutput");"
@YawiKey8 ай бұрын
Two hours searching for this on StackOverflow and no answers, thank you 🙏
@arshiasaleem50054 жыл бұрын
Amazing tutorial. You made it so much easy and simplified. Thanks man. Keep up the good work.
@dcode-software4 жыл бұрын
Glad it helped!
@judaspriest337154 жыл бұрын
Cleanest explanations on youtube hands down!
@dcode-software4 жыл бұрын
Cheers mate!! 😁🍻
@samuelrajh97553 жыл бұрын
can you make a video on how to store checkbox checked even after refreshing the page in local storage please ?
@AdrianaStAubyn3 жыл бұрын
have you found out how to do that? if so help a sister out haha
@paulhorowitz33403 жыл бұрын
@@samuelrajh9755 She asked you if you have found the answer yet. And if you have found the answer, could you please share with her.
@samuelrajh97553 жыл бұрын
@@paulhorowitz3340 oh thanks
@samuelrajh97553 жыл бұрын
@@AdrianaStAubyn $(function(){ $('[type="checkbox"]').each(function () { var $this = $(this), name = $this.attr('name'); $this.prop('checked', localStorage[name] === 'true'); }); }); $('[type="checkbox"]').on('change', function() { var $this = $(this), name = $this.attr('name'); localStorage[name] = $this.is(':checked'); }); $('input').on('change', function() { localStorage.input = $(this).is(':checked'); console.log($(this).is(':checked')); });
@kshitizshah66853 жыл бұрын
I am getting goose bumps from this channel.. Thanks a lot you teach extreamely good.. the best programming channel and u are great teacher. Sir please keep on uploading web-development lessons.. !!Love from nepal... BIG FAN
@draganvidakovic4140 Жыл бұрын
Very good video about Local Storage. Clear and Direct.
@MrPurpledin06 жыл бұрын
Thank you. The most useful tutorial i could find. you're good at this
@dcode-software6 жыл бұрын
No worries mate and thank you 😁
@obonyoemmy3 жыл бұрын
Agreed.
@ulaganathanmahadevan62544 жыл бұрын
Simple and awesome demo! Easy to follow and very useful. Thank you!
@dcode-software4 жыл бұрын
No probs mate 😁
@vincenttok2 жыл бұрын
thank you dcode for making this video. it's really help to undestand more about local storage and how to use it using Javascript and your explanation is easy to understand for newbie like me who learnt to program for very first time so thank you again and have a nice day
@bimalakamani70013 жыл бұрын
I was looking for this video for months I got finally thank you very much
@dcode-software3 жыл бұрын
Most welcome 😊
@nguyendat42753 жыл бұрын
The best teacher on youtube, respect!
@chrissythompkin20896 жыл бұрын
Great tutorial, you're a natural!
@dcode-software6 жыл бұрын
Cheers Chrissy 😁
@mrjeevy77209 ай бұрын
Really good explanation, cheers!
@Moh_ha4 жыл бұрын
This was very helpful thank you man!
@dcode-software4 жыл бұрын
No worries mate
@ArchanaKumari-ci1sx3 жыл бұрын
Tip: Use autosave and liveserver for automatic saving as well as refreshing the page.
@sdwhitesox80395 жыл бұрын
Good, clear explanation. Could you please do a tutorial on how to perform a certain action if the user has visited the site before?
@emilianomedinaespinoza8822 Жыл бұрын
awesome video, by the way what keyboard are you using? Sounds smooth and very comfy xD
@ayen04492 жыл бұрын
you're appreciated for this masterpiece. made this so easy to understand: THANKS
@baseplate_4625 ай бұрын
guy named DOM teaching us web development. Golden💀
@umbertopolanco41592 ай бұрын
How can I keep adding to the same key more data? like if it was an Array that I keep pushing data to it.
@josiahtobas91724 жыл бұрын
Thanks a lot man, I'm currently looking for solutions of mimicking php sessions on the client side. Basically to really have separation of UI and Application layer logic. God bless.
@dcode-software4 жыл бұрын
No worries mate, best of luck!
@jogoeire3 жыл бұрын
Nice straightforward tut.
@rumeysamert83734 жыл бұрын
question: do the items show up on the screen once you close the tab and open it again later? I know that he said that it would be saved in the local storage and stay there for a long time but I still wanted to ask.
@mahmoudfarghly29703 жыл бұрын
Yes
@akshayrc3 жыл бұрын
Very well explained and demonstrated.. Thanks!
@ercntreras3 жыл бұрын
A complete explanation and very clear. 🙏🏼
@ankitkumarjat98864 жыл бұрын
I know the basic things in html css and javascript but I want to learn in more deep like I learn fieldset tag here can you suggest me some source to learn and your videos are awesome. Love from india ❤️
@phodzonditsheni7914 Жыл бұрын
Great Video. Keep it up🔥🔥
@rioma31124 жыл бұрын
Thanks man. This is a very good tutorial. Give this man props 👏🤝
@inayathkhan1003 жыл бұрын
Very useful tutorial, you'r the BEST!
@niloofar91132 жыл бұрын
This was awesome! Thank you for the simplicity~ :)
@adrianibarra95894 жыл бұрын
Thanks man!!! This really helped me finish my project! Great tutorial
@dcode-software4 жыл бұрын
All good! 😁
@el9delcielo4 жыл бұрын
i was expecting more than ONE item at the end. Given how you made a loop and all. Would also like to know why you would declare all variables as cons instead of just var? Other than that, great video. Thank you
@samcodes29123 жыл бұрын
love the explanation. straight to the point 👍
@lightcode64873 жыл бұрын
So the value stores in LocalStorage but nothing is displaying on the page..
@tjmcode51872 жыл бұрын
sir please how does the localstorage function when you host the website.
@Jc-handle-with-care3 жыл бұрын
Thanks that s an amazing tutorial! i really hope you re a teacher , you got skills!
@mauriciozapata38593 жыл бұрын
anyone else getting a cannot read property 'value' for the button onclick function? where is value being declared? I"m only getting the error on the const key = inpKey.value but not on the Const value = inpValue.value. Very strange
@Mohammad-lu1pp3 жыл бұрын
thank u so much, that will help improve my project a lot
@d0ma1n2 жыл бұрын
Hi, is it possible to put function in localstorage that will load when it redirects to other page? I have a button on index.html and it needs to redirect on other page, and invoke a function, or button that has a function? Thanks
@adagordon70294 жыл бұрын
Thank you very much for your lesson, it's pretty laconic & clear!
@Raazor22323 жыл бұрын
Oh that upward inflection at the end of sentences. A fellow aussie
@dcode-software3 жыл бұрын
Loool
@codermans23504 жыл бұрын
is there a way to add the values from local Storage?
@lonewolfcoding52083 жыл бұрын
yes it works but i need more storage like sqlite and i want to access internal storage of phone
@asmapatel61272 жыл бұрын
If I have live chat integrated with my app, can I store values from that live chat and somehow display it on my app page?
@FlexOffenders5 жыл бұрын
Great video ! Thanks for the help.
@dcode-software5 жыл бұрын
No probs mate!
@FrostDrive2 жыл бұрын
When I put console.log(localStorage); in the console, or try any methods, I just get undefined
@lulusaikou2212 жыл бұрын
Useful~ Thanks for teaching❤
@adityajha18893 жыл бұрын
i have a question dcode. What happens when you add another name. Does it replace the other one or does it add another one
@DeRhazzify4 жыл бұрын
How can you save the positon of drag & drop objects in localStorage? For example when you move a note on a board and then save its new location when you reload.
@user-pg5xz3lq5i4 жыл бұрын
You are great teacher Thanks a lott
@dcode-software4 жыл бұрын
No problem ☺️
@MrAer853 жыл бұрын
Got it working! Awesome!
@doston384 жыл бұрын
Hello bro, this is a very useful course. thank you
@dcode-software4 жыл бұрын
All good bro!
@priyaphilip59792 жыл бұрын
hi Your video was very helpful, though I have a problem...I didnt get the last line of the code and on VSC i didnt get the output as well(displaying on the div tag)...
@SuPaMaNallday3 жыл бұрын
FYI: Another way to add local storage and clear them (no code required). 1. Open Dev Tools(f12). 2. Select “Application”. 3. Select “Local Storage” (located under the Storage section). 4. Select Select the domain name that your on. 5. Right Click underneath the “Key” field. 6. Select “Add new” to enter a new key followed by a value. Or Select delete to remove and clear your storage. 7. Above value there’s a cancel icon you can click on to clear all of your local storage.
@umbertopolanco41592 жыл бұрын
Thank you very much for sharing your knowledge. This helped me greatly. Do you have a video for the same but for server side?
@freekiad19312 жыл бұрын
Thanks for the video, and My question is that, We take permission from the user for Read External Storage Data, and when I run this app in my device it asked me for permission but I want to know that when I gave permission to Mobile App read my data, so where and how app developer can read or see user mobile data ? Is that user data storage on my online storage server ?
@Venkatnemala4 жыл бұрын
is it possible to fetch data localhost using inspect element
@ragunath79503 жыл бұрын
Final in inner.html is it essential to use $ for key and value symbol there.
@chadrackkyungu21673 жыл бұрын
thank you it's was helpfull
@sumi-p56602 жыл бұрын
How do i get unique id in localstorage?
@henilpatel92493 жыл бұрын
Hi, I recently came up with some questions. So when you stored the user input in the local storage and then output it on the screen. - Can we do that with multiple users' responses, and if so, will all that users' data get deleted after refreshing or closing the webpage. - How do we prevent the data from getting deleted everytime we refresh the webpage or close the tab and come back in to see if the results are still stored in. Please help me with those 3 questions
@tunglam13215 жыл бұрын
Great Video and Thank you! I have some question here want to ask. I want to know why it is worked on using const in the JavaScript assigning the variable, in my knowledge const means assign the variable one time only, but here is running the loop, so it shouldn’t assign one time only. I want to know where is my confused concept in const
@angelcaru4 жыл бұрын
It isn't actually asigning It multiple times. Because const is block scope, It creates multiple constants
@hopehope50643 жыл бұрын
Thank you a lot you really came through
@siddharthjadhav39204 жыл бұрын
Hi , how to read key for google.com. I tried but i am unable to get value for the google website. Please help
@lingsike31936 жыл бұрын
Hi I have a question about this tutorial. When I did the last step as "output.innerHTML += `${key}: ${value} `;" my console shows innerHTML as property undefined innerHTML as null. I added if state to check document.getElementById('output') !== null error went away but the div id ="output" won't show any date being added to localStorage
@dcode-software6 жыл бұрын
Hey there, can you post your code? I'm struggling to understand
@user-pd1bq6qv9b5 жыл бұрын
Add the whole script in windowonload=function{ Your whole script }
@lunleong44385 жыл бұрын
How to get the update data after update the existing value in the localstorage without reload page?
@ellanteladar1990 Жыл бұрын
Sir dcode how do I create a remove button for localStorage.removeItem()?
@murgan4307 Жыл бұрын
In local storage already into mark is there you can see that one
@abhisheaka32773 жыл бұрын
Thanks man! , can you explain how can we update and delete the data which we entered?
@jimh76045 жыл бұрын
When I insert a key and a value and press insert I get a window reload and the Local Storage fieldset doesn't get updated. Why is that? If I remove location.reload only then it works fine.
@noobCoder262 жыл бұрын
thanks for the video
@Rs-nh7zx3 жыл бұрын
Great tutorial! Just wondering, how can I remove items with a button ? Like remove button ?
@legendarymc93845 жыл бұрын
It works but for temporary.
@martinkarugaba2 жыл бұрын
Thanks man.
@deki90to3 жыл бұрын
when I type location.reload(); it keep realoding the page, why?
@ragtop633 жыл бұрын
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?
@aryanheravitalemi82933 жыл бұрын
Very helpful, thank you
@dcode-software3 жыл бұрын
You're welcome!
@lightcode64873 жыл бұрын
So That means the input you're going to create is going to be saved to the localStorage and in your code, it will also display on the page. What if I refresh it? Will the input still be displayed? And nice video!
@Andrii873 жыл бұрын
does data go away, when you close browser?
@mastercode78514 жыл бұрын
great stuff , thanks bro
@sounak20095 жыл бұрын
Hi Dom.. The localstorage doesn't work on file protocol right?
@cafelutsa_4 жыл бұрын
what if i want to store more names?
@paulmonde68966 жыл бұрын
Great ! Thx man.
@dcode-software6 жыл бұрын
No problem! Glad you enjoyed
@rahulsharma79903 жыл бұрын
outstanding
@amjadshadid903 жыл бұрын
great video, thank you
@dcode-software3 жыл бұрын
You're welcome
@dan112in694 жыл бұрын
nice explained. thx
@didziszvaigzne76794 жыл бұрын
What theme are you using?
@sallylauper82223 жыл бұрын
I can has save file?
@kamola91423 жыл бұрын
Thank you
@yuvrajkorotana76312 жыл бұрын
How to display changes made in one webpage to reflect in the same webpage open separately like a comment box.
@yuvrajkorotana76312 жыл бұрын
?
@mohammadbelalalzoubi81026 жыл бұрын
It is great. Thank you.
@dcode-software6 жыл бұрын
All good mate cheers good to see it helped you!
@mrfrontend1 Жыл бұрын
💥🔥
@jvnxs73 жыл бұрын
Nice video, thanks
@dcode-software3 жыл бұрын
You are welcome.
@tdreamgmail4 жыл бұрын
Great explanation! Just one question. When I add a few items in, it starts adding them at index 1 (2nd position), so everytime I add something, the list gets more unorganised. Why is this? Or how can one sort it?
@dertuman4 жыл бұрын
Local storage items get automatically indexed by alphabetical order!
@saisrisai96494 жыл бұрын
Thank you so much.
@abrarmansouri27463 жыл бұрын
Why did you use location.reload? What's the purpose of it?
@dcode-software3 жыл бұрын
It's just a way to refresh the page in code. For the purposes of Local Storage, it's not too relevant but I just used it in the video for convenience
@truedivan5 жыл бұрын
Hello! Thsnk u for tutorial =) What is that record mean - ${smth} ?