AI and localStorage: saving stuff in the browser

End-of-lesson check

15 questions · take it digitally for instant feedback at tendril.neural-forge.io/learn/quiz/end-builders-ai-coding-AI-and-localStorage-teen

1. What happens to data saved in localStorage when you close and reopen the browser tab?

   1. The data remains stored and available
   2. The data gets converted to a different format
   3. The data is automatically deleted
   4. The data becomes corrupted

2. You want to store a JavaScript object in localStorage. What must you do first?

   1. Convert the object to an array
   2. Convert the object to a string using JSON.stringify()
   3. Save the object directly — localStorage handles all data types
   4. Use a special localStorage.setObject() method

3. What is a key limitation of using localStorage for your app's data?

   1. Data disappears every time you refresh the page
   2. localStorage doesn't work on smartphones
   3. Data doesn't sync between different devices
   4. localStorage can only hold 100KB total

4. How can AI help you when working with localStorage?

   1. AI replaces the need to write any code yourself
   2. AI increases the amount of data you can store
   3. AI automatically backs up your data to the cloud
   4. AI can generate the small amount of code needed and warn about common gotchas

5. When is localStorage the wrong choice for storing data?

   1. When the data only needs to persist for one session
   2. When users need to access their data on different devices
   3. When building a single-page app
   4. When storing simple text like user preferences

6. What type of data works best with localStorage?

   1. Large video files and media
   2. Sensitive data like passwords and credit card numbers
   3. Database-style records with complex relationships
   4. Simple key-value pairs like settings and preferences

7. If you refresh a webpage, what happens to data you saved in localStorage?

   1. The data gets cleared automatically
   2. Only the first item you saved remains
   3. The data is still there and can be loaded
   4. The data becomes read-only until you reload

8. What's the main difference between localStorage and sessionStorage?

   1. They are exactly the same in how they work
   2. localStorage works on phones; sessionStorage only works on computers
   3. sessionStorage can store more data than localStorage
   4. localStorage persists after the browser closes; sessionStorage clears when the tab closes

9. Which of these is a good real-world use for localStorage?

   1. Saving a 50MB video file for offline viewing
   2. Remembering a user's dark mode preference between visits
   3. Syncing data between a user's phone and laptop
   4. Storing a user's password securely

10. After retrieving a string from localStorage that contains a saved object, what should you do?

    1. Convert it to a number before using it
    2. Check if the string equals '[object Object]'
    3. Use localStorage.getObject() to retrieve it directly
    4. Use JSON.parse() to convert it back to an object

11. Why does localStorage sometimes 'break' when you try to store an object directly?

    1. Objects lose their method definitions permanently
    2. The object exceeds localStorage's size limits
    3. Objects get converted to the string '[object Object]'
    4. JavaScript forbids storing objects for security reasons

12. A student wants to build a notes app that works on one device. What's the simplest approach?

    1. Use a complex database that requires server setup
    2. Save notes in a JavaScript variable that resets on page reload
    3. Store notes in browser cookies
    4. Use localStorage to save the notes so they survive a refresh

13. Approximately how much data can you store in localStorage per domain?

    1. Around 5MB in most browsers
    2. No practical limit exists
    3. Exactly 1MB in all browsers
    4. Only 100KB per domain

14. What's the simplest way to store a dark mode on/off preference in localStorage?

    1. Save the string 'true' or 'false' and check it when loading
    2. Use a special localStorage.setBoolean() method
    3. Save the entire CSS file to localStorage
    4. Store a number like 1 or 0 without any context

15. Why might you ask an AI for help with localStorage code?

    1. AI is required to access localStorage features
    2. AI must be running in the background to use localStorage
    3. AI can write the storage code and explain common mistakes
    4. AI will automatically make your data sync across devices