Local Storage In Javascript | Session Storage | JavaScript Local Storage Tutorial

hey there everyone what's up this is eram here and today we are going to finish our project so this is the christmas project we were working on and in the last video we have done this project until this section means the navigation bar and the hero section with some slide images so you know what as i've told you before in the last video that we are not going to focus on the design the design is okay i just want to make the things alive or keep the cover colors into the project so that's why i have used some images or these things the main focus is this section where we are going to use the javascript uh this section where we are going to use the javascript and i'm sure and in this one we are going to learn to think to store or how we can store the things in local storage so that's why i just created this uh top and bottom just and this this this form kind of a form okay so i've just made it to keep it alive or colorful otherwise this is completely javascript project it is not a design project or it is not a project in which i'm designing something okay so i hope that the flaws or the bugs or errors whatever are in the design section you guys uh are not going to think of this so last time we have done until this section and today we are going to create this to-do list plus this uh last section so let's move on to the editor and here i am in my editor as you know that last time when we have created a folder the folder name is christmas and we have done with the hero section now let me finish this uh sorry remove these extra spaces from here and now i would like to start the uh this section this to do to do or this to do section okay so here in this section what i'm going to do first of all i would like to have the comments and let's say to do section in the to-do section i'm going to have a section element with an id and this id is going to called um list or let's go with the list and then i would like to have a class here so this class is going to be list and section section background plus margin top this section background i'm going to use in css margin top is going to be 5 and margin bottom also is going to be five now i would like to go with the division assigning it a class this class is going to be container and then i would like to go with another day by sending it a class and this class is also going it is going to be section title heading 2 where i would like to assign it a class the class is going to be section list sorry not section list but text center and it's going to be to-do list then after i would like to go with the p element assigning it a class and this class is also going to be text center and let's go with some lorem text what is this sorry lauren okay now i would like to go with a div a signing in a class this class is going to be raw another div uh signing in a class this class is going to be column lg 6. let's go with the form the form is going to have an action not assigning anything to this section yet okay um and then i would like to go with an id the id is going to be form please keep in mind these ids we are going to use these ids in javascript okay there's that okay so this form id and then i would like to go with another div assigning it a class this class is going to be from group text area sorry text area it's going to have an id and this id again keep it in mind it is going to be task class is form control i would like to have a name the name is going to be [Music] list and let's go with the message okay and i would like to go with the raws i want to go with three rolls the placeholder for this is going to be list then after i would like to go with another division of signing in a class this class is going to be text center and i would like to have a button here button element then the type of this button is going to be submit submit and it is type not w type is going to be submit and here i just want to say um yep add list okay add add list all right task let's say a task then after this i would like to go with another div it is going to have a class the class is going to be column lg 6 and then let's have another day of signing in a class and this class is going to be raw another day we're finding a class in this class is going to be column medium 12 then i would like to go with another day with signing in a class and this class is going to be info box just for my css okay and then i would like to go with the heading 3 so in heading 3 i should say list items or tasks so just whatever you want to name it go for it and then after this i would like to go with another div this dave is going to have an id again keep this idea in mind we are going to use it in javascript so it is going to be task list and that's all okay then with this let's uh yeah let me show you first what's going on in the browser here is the browser and let me show you okay so we have this to-do list list items and this form and add task now i would like to have this section also so then all together we will style it and then after we will move on to javascript so for this section i would like to create the markup i'm here and what heck it is okay then after i would like to go with this section there's the kind of uh you know it's not going to do anything this this slaughterhouse but it's looking good on the page so i just want to keep it so for this i don't want to keep this project you know blank or out of color so that's why i'm going to use this one service area plus i would like to say padding top is going to be 150 and then padding bottom is also going to be 150. then i would like to go with the day we're signing in a class the class is going to be service bg or background then after i would like to go with this and dave assigning it a class this class is going to be container section title dave signing in a class class is going to be raw display flex justify justify content center div assigning the class sorry live assigning the class the class is going to be column extra large 7 and column lg 8 and column medium 11 and then column small 11 these are the break points and then i would like to go with the div assigning it a class this class is going to be section title and let's see text center margin bottom 90 let's have a heading 2 with a class this class is going to be text white padding top and bottom is going to be 5 and then with some lorem text and that's all okay so we this is what we have done for this background and this title okay let me show you so you can see that yeah the text is white so we cannot see let me change it into [Music] text let's say black save it okay so now you guys can see that the text is black but there is a title also and um section and and and where is the title do i have a title let me check oh no okay so on only this text right it is too much actually it should be of three four words so let me remove it and even i think three words are enough for this so let me delete this and it say damn it also and here i would like to go with white again okay now we are going to work for these cards or these elements okay so for this i'm here and i would like to go with a div i'm finding it a class the class is going to be raw and justify content center another div assigning it a class column extra large four column large four and column medium six then column small nine okay then after i would like to go with another div assigning it a class this class is going to be um services caption these are the services provided by the santa claus okay and text center margin bottom is going to be 30 and then div assigning it a class this class is going to be service image the images we have here for these images okay and then after i'd like to go with image source and i do have the images in my image folder so the first image is the image name is w1 okay um not here w one uh only w1.png at 11 it's w1 dot png and if you like to go with the alt please go for it um let me see okay then after i would like to go with the with another day assigning in a class this class is going to be service title and here i should have a heading 4 with an anchor tag each wrap and this each wrap is i don't have anything here but the next thing hold on here within this uh uh sorry here let's see is that gonna close and let me put it here then i would like to go with the p element some lorem could be of 10 words let's see so here is the santa claus plus the tag we don't want so here is the issue you know sorry this okay okay so what i'm going to do next is i just want to copy and paste and i want to change the images so from this section from here to here and again another one okay so the second image is going to be um where is this one so the image is going to be can you just uh okay it's present five dot png and the other image is bell dot png where is the bell one um it's not it shouldn't be here actually it should be here so it is going to be present and this one it is going to be bell okay i've saved it i'm here okay so okay images are too big so what i'm going to do i'm going to [Music] go to my css and here in the css let's start creating the let's start styling these two sections okay so first of all the section we had it was a to do list section and in this section first of all we have to style this section so for this i would like to get the list um list class and then info box in full box was easter and here the color for this i would like to go with e91327 and text alignment is going to be in the center box is going to have a shadow so the shadow is going to be 0 0 20 pixels rgb 233 19. 39 okay then i would like to go with padding so 20 pixels 0 30 pixels 0. and the background not attachment only the color so the background is going to be white then after i would like to go with a list then heading 2 and here again the color uh the color is going to be e91327 and i would like to copy this selector or paste it here oops let me go back and get this selector okay and here i would like to go with heading three so the font font size one size here is going to be 20 pixels color for this is going to be this one a nine one three two three two seven then the font weight font rate is going to be bold and margin which is going to be 10 pixels and 0. then after here i would like to go with the input so list input and then list text area sorry text area where the border radius border radius is going to be zero let me show you what i'm doing here here you guys have seen this is the info box and now the text area this is the texture here now we are working for this area okay we are styling this one this area so the text area is going to have a border radius of 0 and the box shadow it is also going to be none then we have to go with the font size whatever the font is going to be written in this it is going to be 16 pixels okay and then after let's have a text sorry text area padding is going to be 12 pixels and 15 pixels then after this i would like to go with the list button i'm talking about this add task button okay so button type is going to be submit and the background is again a91327 border is going to be zero padding would be 10 pixels and 24 pixels color for sure is going to be white text color transition is going to be 0.4 seconds then the border border radius which is 0 and 15 pixels and let's save it move on to the browser and let's see okay so we need some space in the in the button so let's say margin top it is going to be 10 pixels okay so let's go with 20 pixels yeah now it's it's looking good now the next thing is the this section uh this images or the card section like let me show you here this section so all the images are quite massive here so we have to fix all these things okay let's go to the style dot so you mean css here no need to go with too much uh descriptive comments because this is the last section so the first first of all i would like to go with the service area where position position i would like to go with the relative and then i would like to go with the index which is going to be zero again let's go with the service area and then service bg or background here let's place the background image background image and let's have an image here background gpg one background one and this is actually my image name this background image i've got from pixels.com okay and it has a specific size um i'm sorry i don't remember but i'll mention the size in the description below i need to check and then i'll mention the size in the description below and here it is going to be absolute then let's go with the top top is going to be zero left is also going to be zero not percent um left right and the the content for this is going to be nothing and we have to go with the height height is going to be 570 pixels background uh repeat and background repeat is going to be no no repeat okay after this i would like to go with the media media screens so yep let's go with the media media only on the screen and the mean the minimum wait for this is going to be 7 68 pixels and the max width for this is going to be 991 pixels then i would like to go with the service area so in the service area the padding top is going to be 100 pixels then padding bottom is going to be 70 pixels then after i would like to go with media the max width is going to be 575 pixels and the service area is going to have a padding top on this size is 70 pixels and then padding bottom which is also going to be 70 pixels okay the next thing is i would like to go with the service area and this service caption so if you guys remember we have this one and now let's say background in the background is going to be okay then i would like to go with every different effort or white you guys can go with that then i would like to go with the padding so the padding this is for the cards and that this all these things okay where is that which are all these uh kind of cards okay are the images section so and the padding here is going to be 84 pixel 45 pixel and then 56 pixels okay then after i would like to go with the border radius and the border radius is going to be 7 pixel then after i would like to go with some transition and the transition is going to be 0.5 seconds well i'm not going to use it for styles but then after add media on the excuse me screen spelling of screen only and the minimum weight for this is going to be 992 pixels and um the max weight for this max weight is going to be 100 sorry 1010 1999 pixels or 1199 pixels and let's go with the service uh area and again i would like to go with the service caption where the padding is going to be 84 pixels 25 pixels and then 56 pixels okay the next thing we have to do is the service area service caption and service image just a minute i just need to check something so it is not service caption its services caption so i have made a mistake here services this is also services let me check okay if i made this mistake somewhere else and know only these areas so services section and service area so let me copy this one i just want to copy this i want to paste it here and then i would like to go with the service image here the display is going to be inline block and the position is going to be relative then after i would like to go with the the same selector let me copy this lecture i want to paste it here and i don't have to say image i'm talking about this img okay this one so i've got that this from here and here i'm going to set the height of the image so it usually height height of the image each image is going to be 250 pixel okay 250 pixel and let me save it let's go to the browser okay so you guys can see that it is set here but there is some problem in this style i think okay we'll see if it's not correct we'll check it i think yes i've made mistakes somewhere in the markup um then after i would like to go with the text and blah blah blah so just just a moment please i've made a mistake here in in the design section so first of all just let leave the design here um there is something here so we don't have to look at this i again made a mistake here let me fix this one first and others we will do later because i want to go to the javascript section and i want to finish that so here is this oppa okay maybe here okay so there is a mistake somewhere in the marker we need to fix that so before fixing that as i've told you design is not an issue we'll fix that design issue in the end of this project or maybe not but the important thing is this section now this section is not doing anything we just created a form and this side and a button now to me responsible to add some kind of functionality in this let's go to the javascript section and start coding for this section to to be very careful i want to make any kind of mistake in javascript because then it will be very difficult to um find like we can find the errors but i don't want to take this video too long okay so what we are going to do in the editor we have a main.js uh file and it is already attached here in our in in the index.html so this is the javascript file and now just i just want to you guys just to take a close look to this id this list item it has a id task list and it has an id of form plus the id of task okay just keep these ids in mind so now let's start working in the javascript i would like to declare the variable so the variable is going to be task list and let's say document dot get element by id here i'm going to pass that variable which is task list i'm passing this variable okay this task list this id because i said from get the element from the document this is our document this index.html it is our document and from this document uh javascript this function or this variable it has to get the element which is assigned with id and id is this task list okay then after here i would like to have a call event listener so what i'm going to do i'm just saying event listener event listeners sorry and then um it's a function i'm going to create a function now so here is the function function name is look at this function name is event listeners okay i want to copy and paste this here i'm not going to pass any kind of parameter to this one but what i'm going to do i'm going to uh i'm going to have the code for this form now where is the form this form id okay so what i'm going to do the code is going to uh is going to uh is going for the form submission okay so what i'm going to do document dot here i'm going to say query selector or we can say id also get element by id again but here with the query selector what i'm going to do i'm just going to select an id of form okay again this form id is selected here okay and then i'm going to have an event listener here which i'm saying add event listener and then i'm going to say submit okay and here i'm going to have another variable so i'm going to use the new and the new property or the new uh new object here in javascript so i'm saying okay new task we i'm going to this is you guys can say it's a call i'm going to create a function of this one okay so what i'm going to do first of all let me create this function this one here okay so function and the function name is new task okay because this new task or it's a new function so new task and here i'm going to pass pass an event and that's all okay but before moving on i want to have another uh call so it is going to be document the event listener and this event listener is going to have a and click so on click it what it is going to do it is going to remove the task which is in our text area now i'm going to create this remove task function also but first of all let's work with this new task function okay so within this new task function uh then after i would like to have something else here so for that let me go with these lines okay it is going to remind me that i have to add something here which i'm not going to add it here right now but after having something then i'm going to do this here i'm going to have a i'm going to use the prevent default method here so prevent default method okay and then after this now i want to get the task id this task id to read from the to read the value from the text area okay so this you remember this is a text area and this text area is this one so now i'm and the idf of this text area is task so i'm going to get the co i'm going to get this one here to get the value from that from that task or the text area so what i'm going to do i'm just saying const task and the variable name is task okay document dot get element by id and again let me show you the id is task okay so it is going to say task and what it is going to do it is going to get the value okay it's going to get the value from this text or this task text area the next thing is uh let's create a uh let's create a remove button but before moving on i have to do something in the css i do need to create a remove button or a close button so for that for that i have to go to the css and in the css here after this below this list button i would like to go with the remove list and uh remove list hover okay it is going to be float right and let's say the cursor pointer and the color for this is going to be red and the font weight is going to be bold so you know what i i don't want to go with remove list actually let's go with remove task okay remove task not with the list because yeah i've used the task everywhere so i just want to say remove task and remove task hover paint.jssi yes again here we had the task value and what we have done the next we said remove task i just need to check check my code once again because i think it took me too much time to fix this code i've made a lot of mistakes in there when i was working list this this and yeah i was here in the function and the function is it has a task value now we have to create the remove button so for the remove button we have this remove um we have this code here or the style here so what what we are going to do here in this section um sorry here within the same new task function we are going to create a remove button so let's say const remove median and it is saying document dot create element uh we are going to create a object an object and it is saying that the element which is this a uh the anchor tag this uh or the anchor element or a element what it is going to do it is going to have a uh sorry we just have this variable remove ptn now what we are going to do we are saying remove bdn and then let's have a class list property where we are seeing remove tasks so what it is going to do when the task is written there after that it has to remove or if you want to remove any task it is going to this button is going to remove in this button is going to be i'll show you how it this button is going to look like and then in the next code i'm going to show you the button is like a um here let's say remove pdn and the text content because whatever the content we are going to pass in this text area it would it would be a text so text content and the remove button is going to look like this this x is going to be a remove button okay then after this let's create another object and this is going to be cost ally okay the list item object so list item again document and again the object is going to create the object is going to be create element and what would it be it is l i now what we have to do next we are saying that this variable li is also the text content it is going to be in a text and it is going to be the task the task whatever we are going to write in the form is going to be it is going to assign uh this allies assigned to sorry this task is assigned to this ally okay and then after this i would like to add the remove button to each item like if i go with one if i'm going to write one something here just let's say hi then it should have it it's not going to work right now it is going to have a let me see here again it should have this button then if i say test again another closing button so every uh item or every text content is going to have their own close button so i'm going to coding to remove all these close button if i want to remove this test i have to click on this close button or if i want to remove this high i have to close this x button or this x close button okay or remove button so here i am going to add the remove button to each item so li list item is going to append a child and the child is going to be uh and that's the parameter which is remove button okay and then yes we have created the remove button now we have to uh use the we have to add the list also so what to add to the list uh this would be a task list this one okay this variable or this id which is going to be here the task list this task list is going to append child and this task list append child and the child is list item okay then after we have to go out of this function and let's have a you know this remove task function so where is that remove task i have created somewhere this one okay so this all function is this new task here is the call of this new task now i have to create this remove task okay so the new task is here within this function and now we have to create this remove task function so for this remove task we have to go with another function so what i'm going to do let me say uh removes the items and these items are going to be removed from the dom okay these are yet they are not in the local storage yet it is only in the dom they are going to be in the dom okay in the document so fi a function the function name is remove task and we are going to pass a parameter and event and here i'm going to apply the condition so the condition is saying if event is target to the classlist property then which contains uh not text content sorry which contains which contains this remove task element then the event is going to target the parent element to remove okay so here we are let's say hi okay so we do have a bit of a design issue just fix this one again i'm saying because we have a design issue so it is in the dom again if i say hi to suppose it is high and high too all these things are in the dom when i reload it it disappears they are not going to be anywhere okay so what we are doing here in the browser to the application and here when uh when before before this when i was um just testing this one this code i have used this and you guys can see that it is still in my local storage in the local storage or still it is in the browser so when we write here like i said let me say hi again okay it it can be shown here but it isn't here anywhere so what it is what we have to do we want when we reload it it is going to be nowhere it is nothing we don't have anything we don't have any record so we wanted to save in the browser so for this we have to go with the local storage and what we what we for this for the local storage we have to code some more to keep our data or the information in the local storage okay or how we can do that so first of all i would like to go back to my event listeners function and here as i have mentioned before i've added the lines what i'm going to do here i'm saying document dot add comment listener method and here i'm saying dom content loaded okay and then i want to be more descriptive that you guys will not have any kind of confusion so it is saying local storage on load i don't think i need to explain this in more detail but it's a function i'm going to create it this is a call okay i've already call it here so now i'm going to create it so we have done with the function here and the new task function and the remove items function 2 is done here first of all i would like to have a code here which is going to add the task into the local storage okay here i have already created a a here is another function call which is local storage on load we are going to create this one now there is another one so i'm just going to have a call here and then we will create it again okay so just let me declare it and then i'll explain you so here i'm saying add task local storage and the task is going to be stored in a local storage okay so here just to explain you guys later if you in case if you don't understand so here i'm saying add task to local storage and this is the name of the variable and this is going to pass in it okay or the function so what it is going to do then i want to create something else also and you know what that's something else uh okay not now later then the other thing first of all let's create a function here so this is going to add the um task into the local storage okay so add task into local or lc let's say lc local storage okay so the function function is going to have it add um at task local storage tag this one okay so what i'm going to do i just want to copy this one from here i want to paste it here this is the call and here is the function we are going to create and then what it is going to do let tasks this is another variable like tasks and they are going to get the tasks from storage okay then we are saying that tasks are going to push the sorry push the task means these tasks are going to push the this task or the in the id and this texture id this task okay then the next thing here um let's create the function first let's leave this function here okay we need to work a lot of things in this one but first of all let's go with this local storage on load function okay and for this i'm just um to have a comment and i just want to get this one from here local storage on load let me put it here okay so let's create this function first this function is again local storage on load and not going to pass any kind of parameters to this now here i'm saying let tasks okay we have already declared here and again get task from storage so let me copy this one paste it here now i would like to loop through storage and then want the values to print so for that what i want to do i have to say tasks and the tasks are going to use for each method for each the function and function is going to have a task then after let's create the remove button here so const we can copy and paste this one so but let me go with this remove bdn and document and uh let's create the element actually we have uh the code for this and i need to copy and paste it here you know because it has to do the same thing here where is that one so what i'm going to do here is i've made some mistakes also i think there are some bugs okay but before moving on to those birds you know what i have to do first okay so so so where is that i would like to get this one i'm just checking from task list to movement and task list actually i think i have coded for yeah this one we have done so i'm just copying this one from here and i want to paste it here okay so my comment same code i've explained it to this code to you guys above and that's all now get back to the old function this old function means and this local add to local storage function so here we have done done this until when the tasks are going to push the task tasks multiple tasks are going to push the task now let let's convert uh the tasks into uh uh actually it would be in an array and this let's convert this task array into the string how we can do that uh we can say here task hold on i try to be more descriptive but if not then let me let me say task convert to no no tasks are going to convert task arrays and to convert into into string okay task arrays are going to convert into strings how we can do that again local storage let's use the set item method let us sync tasks and we are going to use the uh json stringify method so stringify method and string we are going to pass the tasks to this okay after this let's have a function again and this is going to be this one get tasks from storage so copy this put it here i'm pasting it here not passing any kind of parameters but here let's say the let tasks and then let's have a const the tasks are going to store in the local storage or local storage is i just want to be as i mentioned before more descriptive so local storage is going to get the item i'm going to use this method and they are saying that using the parameter task okay our tasks which is already defined here here okay and the next thing we want to use here is to get the values if it is going to return the null then we have it has to create an empty array so what it has to do let's say if the task tasks local storage where is this one okay this variable ls is equal to null then the tasks are going to pass or show the empty arrays okay or the other condition which is else the tasks are going to use this json parse method and it has to see tasks local storage okay and then after it has to return the tasks i think i'm quite descriptive until here now the next thing we have added into local storage now we have to remove it also so for that let's go to the uh [Music] another function which is going to remove the items from or the list from the local storage so the function is going to remove task local storage okay and what it is going to remove for sure the task then get items from the storage how let tasks are going to get the tasks from storage and not passing anything then again they have to remove the uh remove the close or the x from the from the button or sorry from the list so what we have to do let's say cost task delete which is going to say task dot now what is this substring let me tell you actually i do have some issues in my browser if i go to the console like i uh i cannot define you that thing when i'm going to write here hi it is here and this x is also in the console this x is also appearing but this x is appearing here okay this x is going to appear in this close to this high so what i'm going to do i i don't want this x to be shown in the console close to this high i wanted to remove it i don't want it to show okay in the console so what i'm going to do um here i'm saying that task i'm using the sub string method and substring 0 because we are using arrays so task length it is going to minus 1 it is going to decrease the 1 and that decrease is actually this close button which is going to be in the console it is going to show like this okay as i've told you i do have some problem in my console section so i'm not going to use the console.log i'm just trying to explain you here when it is going to be shown in the console like if we do console.log then it is going to show us in this way hi and this close also so i don't want it to be here so for this thing i don't want it to be shown in the console like this so for this thing to fix this issue i am using this method you guys can use it in your browser i'm sure you guys will get it and so when i use this minus one it is not going to show there it is going to reduce this one or it is going to uh um give me the uh by removing this one item or one yeah one item from the list it is going to show me on the this one it will be quite clear in the console okay and then after and then after this i would like to go i would like to loop through the list and remove the tasks from that is equal okay so how it is going to do how we can do that we say tasks for each method let's create a function and the function is saying task local storage and then index okay and then after is let's have a condition here if task delete is equal to task local storage then the tasks are going to use the splice method and it will say it will an argument which is index one however all these things what i've explained you guys before okay and then it has to save the data also before that let's say local storage and use the set item method where the tasks and again json stringify method is going to use and i'm going to say tasks okay it's done not not completely still need to do something now this uh local storage call i think we didn't call this method right so we have to call this local storage in the in the new task so here we are in the new here we go we are here in the new task and in the new task function i've told you guys that there is something so we have this uh local storage okay we had a call to this local storage there is something else which i wanted to be so i want to print alert so this should be alert the other whenever we are going to write anything this should be an alert alert is going to say task added and then it has to reset okay so this dot reset means it has to reset this task okay or this text area this all these things so let's save it and where is that let me check again before because i i'm just checking this balance this re and set and yes it has to be a parenthesis okay so now let's go to the browser and let's see so here we are let me close it here let's say test we do have an alert text added okay now it is reset so i don't have to remove an item or a list thing it is there let's say hello world add task edit then it is going to show here now let me show you from application and hi test hello world all these tasks these are this is the key the value i've used and here again before and after so hi test hello world okay hi on zero one test hello world on third so here they are store in this local storage what they are going to do next let me reload it so when i reloaded it i don't know how to sing french it is still here okay they are still here they are not uh they don't disappear because they are stored in this local storage okay we do have two kind of storages here local and session uh in the next uh video we are going to learn about the session also but now local the good thing of local that it it has it contains the data within inside it while the session if we close the tab or this uh browser the session is going to disappear and we will not see all these things here if we store it in the session storage but in the local storage yes we can see it like if i want to remove this test okay and then i remove this hello world too let's go back you guys can see they are here they are here again okay i hope that i am enough successful to explain you guys the local storage and dom also that because before in the first part we have saved these things in in the dom only and now we have done it successfully and i think nicely here in this local storage the design part don't worry about it don't think of design too much i'm going to give the code this code in the codepen dot io and there is a video on my channel where i have mentioned that all the codes belong to this channel or belong belongs to me are on codepen dot io i'm going to give the link in the description also please get this code from there and i'll try to put the fixed design over there okay because we have done too much with the design so you guys can get the design from there if you are interested otherwise if you want to understand or know about javascript then go for it and get it from there and i'm going to give the link of the facebook page also in the description below if you guys are if you guys join the page uh it would be so kind of you guys and then if you like this video don't forget to subscribe the channel and hit the like button i'll see you in the next one hasta la vista ciao

Channel: Code with Erum

Views: 328

Keywords: javascript localstorage, javascript local storage project, javascript local storage array of objects, javascript local storage tutorial, javascript project tutorial, javascript projects for beginners, javascript project website, local storage javascript, How to use local storage with javascript in the browser, local storage and, local storage and session storage, local storage and session storage in javascript, how to use local storage in javascript

Id: HIKGVspuF1w

Length: 74min 57sec (4497 seconds)

Published: Wed Dec 23 2020