LocalStorage for beginners (HTML and Javascript)

[@criptoplanktoninvestidor]

The clearest explanation I have seen until now!

[@emowtion1]

wow!!! what an explanation better than my actual "teacher" thank youuuu so much keep it up :D

[@ieatwebsites]

I’m glad you liked it! Thank you so much. 😊

[@asheradanehi]

I love this video. Your account needs more audience.

[@ieatwebsites]

Thank you so much.

[@gnzlplcs]

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.

[@ieatwebsites]

I’m glad! You are very welcome. 😁

[@abhilashbm836]

This video is a hidden gem , Thank you so much 👏

[@ieatwebsites]

You welcome! 💎 😁

[@Hangoutapp]

Hi thanks for your video. With your video you will surely Sava lives

[@ieatwebsites]

😁 that’s amazing. Thank you!

[@offline7375]

Honestly you're literally hero

[@ieatwebsites]

😂 thank you!!

[@carshoesch]

Really good video! Easy to understand and follow along.

[@ieatwebsites]

You welcome!!

[@carshoesch]

@@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

[@pesahson]

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?

[@OmarAshrafBombo]

True

[@bartekkupski395]

Thank you for your video that's helped me to understand this 💝

[@nageshthotakura8758]

Excellent tutorial, great explanation. Thank you.

[@ieatwebsites]

You welcome!

[@smurffronda2951]

thank you, have a great week

[@ieatwebsites]

You welcome😁

[@hafiedzmada]

Great tutorial! well explained, Thank you!

[@kolyxix]

great tutorial, great explanation. Job well done

[@ieatwebsites]

Thank you!! 😁

[@Peterstavrou]

Great tutorial!

[@kriziacarissepangan1590]

Sirrrrrrr! You are amazing! Moreee! God bless!

[@ieatwebsites]

Thank you! 😄

[@VandaYorn1105]

Great explanation 👍

[@ieatwebsites]

Thank you!

[@rtfish6178]

Your a life saver Thanks !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@ieatwebsites]

I’m happy to hear that. You welcome!! 😁

[@muhammedalthafmr1340]

Superb!, 🤩🥳

[@ieatwebsites]

😁

[@haileeko1952]

great tutorial!!!! thanks

[@jamesbloom9545]

Wow just wow amazing

[@ieatwebsites]

😄 Thanks!

[@chrisdietrich1533]

This is a great video. Thank you.

[@ieatwebsites]

You welcome!

[@zakariabokhtiar4157]

Your explanation is awesome. Accept greeting

[@ieatwebsites]

Thank you!!

[@book5035]

Great video thank you man

[@ieatwebsites]

You welcome!

[@stolyarovmaxim]

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

[@ieatwebsites]

Thank you so much for saying that. I will try to make a lot more videos this year. Promise!!

[@helderemanuel344]

nice one dude

[@ieatwebsites]

Thanks!!

[@gabriel36ization]

Nice video!

[@ieatwebsites]

Thanks!!

[@cristoferk8314]

Thanks! This tutorial helped me a lot!

[@ieatwebsites]

You welcome!

[@peshotod]

Great job.Thank you.Can you make video with remove and edit buttons. And multiple text entries.👍

[@ieatwebsites]

You welcome! I will!

[@jamezjaz]

Completely amazing :)

[@ieatwebsites]

Thank you!

[@cadillacman3790]

Thanks a lot !!!!!! Great training ! Thanks Is it possible to made a Video for storing this into a database ?

[@ieatwebsites]

Database video Coming soon! And You welcome! 😊

[@kamilp1567]

great video, helped a lot!

[@ieatwebsites]

Awesome! Thanks

[@nickroberts2863]

awesome man, nice one

[@ieatwebsites]

Thanks!

[@tractor720]

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...

[@bvu1887]

can someone tell me where the "storedInput" come from? 10:56

[@Epikht]

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

[@sumitgupta3791]

very nice

[@ieatwebsites]

Thank you!

[@neomohr1861]

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

[@ieatwebsites]

Everything is possible. There’s no easy way to quickly explain that. Do a quick google search.

[@mahmoud-quran]

Use setItem

[@arielsison197]

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.

[@ieatwebsites]

Which google chrome extension?

[@arielsison197]

@@ieatwebsites I mean sir if you would like to create a google chrome extension application to save the data in the local storage.

[@ieatwebsites]

Oh ok. That’s a cool idea. Good luck with the project.

[@arielsison197]

@@ieatwebsites Thank you sir.

[@abdullahiayanle2293]

Thanks for uploading this amazing video, please can you give us the css file you used thank you.

[@ejicyrilarinze7511]

What is the name of the colour theme for your vscode

[@omshantidiya1973]

Thank you very helpful

[@ieatwebsites]

You welcome!

[@progthecode9894]

Can I do the same thing but with audio muted and reload the page and it still muted or in muted?

[@DdddS-jx9ln]

I always used .innerHtml when changing the text/value of an html element. What's the difference between .innerHtml and .textContent?

[@klieu925]

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?

[@ieatwebsites]

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.

[@abrarmansouri2746]

Why letter.target.value instead of storageInput.value ?

[@mbenelhassaneiii7615]

what if I wanna add more texts, basically instead of changing that one text I keep adding more texts

[@activelinestories1]

your the best thanks so much

[@ieatwebsites]

You welcome!

[@TeachRVhistory]

This dude has the same accent as the voice actor for, "this is not a game"

[@ieatwebsites]

😄What’s he’s name? Last month someone told that I have the voice of an actor from the tv show “silicon valley”. Weird

[@nnanadavid9676]

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?

[@nnanadavid9676]

@Vedant Bhushan it would always be true in that case.

[@ragtop63]

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?

[@ieatwebsites]

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.

[@ragtop63]

@@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!

[@balhallak]

What type of data can we store in local storage? thanks for the video.

[@nnanadavid9676]

Strings

[@vngaminghindi2472]

I only understand two type of tech Tutorials 🔥 1. Made by an Indian 2. Made by iEatWebsites

[@ieatwebsites]

😂😂😂 love it! Thank you so much.

[@edwardkasimir8016]

he starts talking about localStorage at 6:00

[@vukiss-su7hn]

how to print multiple words??

[@rangabharath4253]

awesome

[@mandrasaptakmandal636]

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?

[@asheradanehi]

are you talking like a grocery list type thing? cause I'm working on something like that.

[@mandrasaptakmandal636]

@@asheradanehi ya quite similar

[@JNET_Reloaded]

can u put code on github?

[@bigsmoke5930]

Where is the css file?

[@Omar_Muhammad]

Thanks

[@ieatwebsites]

You welcome

[@coderjag8828]

On line 6, it should be if(storedInput) not if(storageInput). Otherwise very helpful video. Thank you!

[@11vag]

This is one of the worst explanations I've seen about this subject

[@jacekbialek409]

spam

[@puskarwagle2392]

Yup didn't work for me too

[@puskarwagle2392]

Sorry i missed a '=' it worked

[@roman0811]

Damn bro I watched 6 minutes looking to learn about local storage. Please next time get to the point : )

[@berkojs]

can u put code on github?