Notes Scratchpad

How to Use the Notes Scratchpad

1. Click into the text area and start typing. There is no Save button - auto-save kicks in roughly 500 ms after you stop typing, and a small "Saved" indicator confirms it.
2. Watch the live word and character counters above the editor. They update every keystroke, including while you paste, so you can target a specific length as you write.
3. Come back anytime. The note is persisted to your browser\'s localStorage, so closing the tab, rebooting your machine, and reopening the page all leave the text exactly where you left it.
4. Paste freely. The scratchpad is plain text, so copying from a formatted document strips all the styling - useful when you want to wash Word or Slack formatting out before pasting somewhere else.
5. Use Clear only when you are sure. A confirmation dialog protects against accidents, but once confirmed the note is gone with no undo.

What This Tool Does and How It Works

A scratchpad is a single always-there text buffer - the digital equivalent of the Post-it pad next to your keyboard. This implementation is a controlled Preact <textarea> whose value is mirrored into window.localStorage under a dedicated key. The write is debounced with a short timer so that every keystroke does not trigger a storage write on its own; instead the component waits until you pause typing and flushes once. On mount, the component reads the same key with localStorage.getItem and populates the textarea, which is why the note reappears instantly on a fresh page load.

Word counting uses a whitespace-collapsing regex (trim().split(/\\s+/)) so consecutive spaces, tabs, and newlines count as one boundary. Character counts are the raw string.length, which measures UTF-16 code units rather than grapheme clusters - an emoji composed of a surrogate pair counts as two. localStorage typically allows 5-10 MB per origin in modern browsers, which comfortably holds millions of characters of plain text; no cleanup or LRU logic is needed at that scale.

When You Would Use the Scratchpad

• Jotting down a phone number, tracking number, or one-time code while a call is in progress - zero-latency and no app to open.
• Drafting a Slack or email reply in plain text before the emotional urge to hit Send has cooled.
• Stripping formatting out of copied text before pasting it into a formatting-sensitive destination (a CMS, a markdown file, an email template).
• Keeping a running daily brain-dump that survives browser restarts, separate from whatever note-taking app you use for finished writing.
• Live-taking meeting notes when you do not want to wait for Notion, Obsidian, or Apple Notes to load and sync.
• Holding a long LLM prompt you are iterating on, where the history inside the textarea is less formal than a saved file but more durable than clipboard.

Common Pitfalls and Edge Cases

The most important warning is that localStorage is scoped to the exact origin - zeroutil.com - and to the exact browser profile. Switching browsers, switching devices, opening a private/incognito window, or clearing site data will all produce what looks like a blank scratchpad because those contexts have their own (empty) localStorage. This surprises users who assume notes sync. A related pitfall: browser "clear cookies and site data" actions remove localStorage too, and some privacy extensions evict it on tab close. Very long sessions can hit the 5 MB quota (roughly 2.5 million characters if everything is ASCII), at which point further writes silently fail - if you approach that, move the content out. Finally, the counters treat any Unicode whitespace as a word boundary, which means certain non-space separators (thin spaces, zero-width joiners, en-spaces) can produce counts that disagree with Word or Google Docs by a few tokens.

Scratchpads Versus Structured Notes

There is a useful distinction between a scratchpad and a notes app. A scratchpad is intentionally single-buffer, unstructured, and disposable - one textarea, no titles, no folders, no tags. A notes app (Notion, Obsidian, Apple Notes, OneNote) gives you multiple documents, linking, formatting, and sync. The scratchpad is friction-free capture for material that might be thrown away; the notes app is a durable library for material you come back to. Trying to merge them - Evernote\'s decade-long trajectory is the object lesson - usually produces something worse at both. This tool stays firmly on the scratchpad side: one text blob, auto-saved, no hierarchy. The <textarea> element is standardized in the HTML Living Standard and has existed since HTML 2.0 in 1995, which is why it renders identically across every modern browser.

Comparison to Alternatives

A real notes app syncs across devices, supports rich formatting, and has a proper search. If you want any of those, use Apple Notes, Notion, or Obsidian and accept the heavier footprint. A plain text file in a scratch directory on your filesystem is more durable than localStorage and survives browser-data wipes, but requires you to manage a file explicitly. A Slack DM to yourself (or the equivalent "Saved Messages" in Telegram or WhatsApp) syncs across devices but is subject to retention policies and someone else\'s server. Against these, the scratchpad\'s wins are immediacy (zero login, zero app launch), locality (nothing leaves your machine), and disposability (no accidentally durable record of a draft you wanted to throw away). It loses whenever cross-device sync or multiple documents matter.