<div>
Does this work?<br />

<pre><code id="code-20-41018177-1">alert( localStorage.getItem('data').color );</code></pre>
</div>


Does this work?


alert( localStorage.getItem('data').color );

<div>
<div class="content wysiwyg-content">
Using JavaScript local storage, how can store an object and then retrieve data from that that object? &nbsp;<br />
<br />
Here is an example of my object:<br />
<b>localStorage.setItem('data<wbr />', {color:'red', number:5});</b><br />
<br />
When I try to retrieve that data I get <i>[object Object]</i><br />
<b>alert( localStorage.getItem('data<wbr />') );</b><br />
<br />
How can I get the value of <i>data.color</i> from that object?
</div>
</div>


Using JavaScript local storage, how can store an object and then retrieve data from that that object?  

Here is an example of my object:
localStorage.setItem('data', {color:'red', number:5});

When I try to retrieve that data I get [object Object]
alert( localStorage.getItem('data') );

How can I get the value of data.color from that object?

JavaScript: Storing and retrieving objects with localStorage

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.