<\/span><\/h3>\n\n\n\nThere are two ways to add data to local storage – using setItem() function as well as using localStorage.key=value notation. We will look at both of them. Here is how to add two data – for company name and location.<\/p>\n\n\n\n
localStorage.setItem(\"name\",\"ABC Company\");
localStorage.setItem(\"location\",\"New York\");<\/pre>\n\n\n\nIn the above code, we need to supply 2 arguments to setItem() function – name of the key and value of the key. In the above example, name is the key and ‘ABC Company’ is the value.<\/p>\n\n\n\n
We can do the same thing also as shown below.<\/p>\n\n\n\n
localStorage.name = 'ABC Company';
localStorage.location = 'New York';<\/pre>\n\n\n\nThe above code will create two key-value pairs for the domain-protocol where it is executed. We need to assign the value to localStorage.key variable.<\/p>\n\n\n\n
You can also use the above functions to modify existing key value pairs. Here is an example to modify the above values. If you use names of existing keys, it will overwrite their existing values.<\/p>\n\n\n\n
localStorage.setItem(\"name\",\"XYZ Company\");
localStorage.setItem(\"location\",\"NYC\");
localStorage.name = 'XYZ Company';
localStorage.location = 'NYC';<\/pre>\n\n\n\n