`); printWindow.document.close(); printWindow.focus(); });// Clear button document.getElementById('clearBtn').addEventListener('click', function() { if (notepadText.value.trim() !== '' && confirm('Clear all text? This cannot be undone.')) { notepadText.value = ''; localStorage.setItem(CONTENT_KEY, ''); updateCounts(); showSaveStatus('All text cleared'); notepadText.focus(); } });// Auto-save on typing let saveTimeout; notepadText.addEventListener('input', function() { updateCounts(); if (saveTimeout) clearTimeout(saveTimeout); saveTimeout = setTimeout(function() { localStorage.setItem(CONTENT_KEY, notepadText.value); saveStatus.textContent = 'Auto-saved ✓'; saveStatus.style.background = '#f0fff4'; saveStatus.style.borderColor = '#c6f6d5'; saveStatus.style.color = '#38a169'; }, 800); });// Save filename when changed filenameInput.addEventListener('input', function() { const filename = this.value.trim(); localStorage.setItem(FILENAME_KEY, filename); });filenameInput.addEventListener('change', function() { const filename = this.value.trim(); if (filename && !filename.endsWith('.txt')) { this.value = filename + '.txt'; localStorage.setItem(FILENAME_KEY, this.value); } });// Keyboard shortcuts document.addEventListener('keydown', function(event) { if ((event.ctrlKey || event.metaKey) && event.key === 's') { event.preventDefault(); document.getElementById('saveBtn').click(); } if ((event.ctrlKey || event.metaKey) && event.key === 'n') { event.preventDefault(); document.getElementById('newBtn').click(); } if ((event.ctrlKey || event.metaKey) && event.key === 'o') { event.preventDefault(); document.getElementById('openBtn').click(); } if ((event.ctrlKey || event.metaKey) && event.key === 'p') { event.preventDefault(); document.getElementById('printBtn').click(); } if (event.key === 'F7') { event.preventDefault(); spellCheckBtn.click(); } });// Focus textarea on load notepadText.focus();// Auto-resize textarea on mobile function resizeTextarea() { if (window.innerWidth < 768) { notepadText.style.minHeight = Math.max(250, window.innerHeight * 0.5) + 'px'; } else { notepadText.style.minHeight = '300px'; } }resizeTextarea(); window.addEventListener('resize', resizeTextarea);// Handle mobile virtual keyboard if ('visualViewport' in window) { const viewport = window.visualViewport; viewport.addEventListener('resize', function() { notepadText.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }); }// Welcome message if (!localStorage.getItem('welcomeShown')) { setTimeout(() => { showSaveStatus('Welcome to Online Notepad! Start typing...'); localStorage.setItem('welcomeShown', 'true'); }, 1000); }