JavaScript
Public
Save UI State to localStorage
Remember a simple UI preference in localStorage.
#javascript
#localstorage
#ui
#state
JavaScript
const checkbox = document.querySelector('#compactMode');
const savedValue = localStorage.getItem('compactMode');
checkbox.checked = savedValue === '1';
document.body.classList.toggle('compact', checkbox.checked);
checkbox.addEventListener('change', () => {
localStorage.setItem('compactMode', checkbox.checked ? '1' : '0');
document.body.classList.toggle('compact', checkbox.checked);
});Notes
localStorage is good for small non-sensitive preferences.
