Why should you care?

MarkupVerse dashboards remember UI prefs and draft form data without a round trip.

See it live — copy this example

Save as demo.html and open in your browser, or use Run Example below.

<aside id="mv-theme" data-app="markupverse-banking">
  <button type="button" id="save-draft">Save transfer draft</button>
  <output id="draft-status" for="save-draft"></output>
</aside>
<script>
const KEY = 'mv-transfer-draft';
document.getElementById('save-draft').onclick = () => {
  localStorage.setItem(KEY, JSON.stringify({ to: 'Savings', amount: '2500' }));
  document.getElementById('draft-status').textContent = 'Draft saved locally';
};
</script>

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• localStorage survives reloads; sessionStorage clears when the tab closes.
• Always JSON.parse inside try/catch.

Practice next

1. Save a draft with localStorage.setItem.
2. Reload and read it back.
3. Compare sessionStorage in a new tab.
4. Switch to sessionStorage for tab-only data.
5. Add a Clear draft button.

Remember

String-only storage. Origin-scoped. Never store secrets.

MarkupVerse transfer draft

User closes the banking tab mid-transfer.

Outcome: Draft amount reloads from localStorage on return.