Problem Statement
Explain how localStorage can be used in a web application with a practical example.
Explanation
localStorage is used to store key-value data in the browser persistently. It helps save user preferences, form data, or app state locally without server calls. For example, a theme switcher can store the user's theme choice in localStorage so that it remains after reload. localStorage only supports strings, so objects must be serialized with JSON.stringify().
Code Solution
SolutionRead Only
<!-- Dark Mode Example -->
<script>
const toggle = document.getElementById('toggle');
toggle.onclick = () => {
document.body.classList.toggle('dark');
localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
};
if (localStorage.getItem('theme') === 'dark') {
document.body.classList.add('dark');
}
</script>