+ `; const blob = new Blob([html], { type: 'text/html' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'notepad_' + Date.now() + '.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(a.href); alert('Download started: HTML file'); });document.getElementById('downloadPdfBtn').addEventListener('click', async function() { const btn = this; const originalText = btn.innerText; btn.innerText = '⏳ Generating PDF...'; const temp = document.createElement('div'); temp.style.padding = '40px'; temp.style.fontFamily = editor.style.fontFamily || "'Inter', sans-serif"; temp.style.fontSize = editor.style.fontSize || '18px'; temp.style.background = 'white'; temp.style.lineHeight = '1.6'; temp.innerHTML = '

My Colorful Note

' + editor.innerHTML; document.body.appendChild(temp); temp.style.position = 'absolute'; temp.style.left = '-9999px'; temp.style.top = '0'; try { const opt = { margin: [0.5, 0.5, 0.5, 0.5], filename: 'notepad_' + Date.now() + '.pdf', image: { type: 'jpeg', quality: 0.98 }, html2canvas: { scale: 2 }, jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' } }; await html2pdf().set(opt).from(temp).save(); alert('PDF download started!'); } catch(err) { alert('PDF error: ' + err.message); } document.body.removeChild(temp); btn.innerText = originalText; });document.getElementById('printBtn').addEventListener('click', function() { const win = window.open('', '_blank'); win.document.write('' + editor.innerHTML + ''); win.document.close(); win.print(); });// ========== EDIT MENU FUNCTIONS ========== document.getElementById('undoBtn').addEventListener('click', function() { if (undoStack.length) { redoStack.push(editor.innerHTML); editor.innerHTML = undoStack.pop(); saveToLocal(); } else { alert('Nothing to undo'); } });document.getElementById('redoBtn').addEventListener('click', function() { if (redoStack.length) { undoStack.push(editor.innerHTML); editor.innerHTML = redoStack.pop(); saveToLocal(); } else { alert('Nothing to redo'); } });document.getElementById('cutBtn').addEventListener('click', function() { document.execCommand('cut'); saveToLocal(); });document.getElementById('copyBtn').addEventListener('click', function() { document.execCommand('copy'); });document.getElementById('pasteBtn').addEventListener('click', function() { document.execCommand('paste'); saveToLocal(); });document.getElementById('selectAllBtn').addEventListener('click', function() { document.execCommand('selectAll'); });// ========== INSERT MENU FUNCTIONS ========== document.getElementById('dateTimeBtn').addEventListener('click', function() { const now = new Date().toLocaleString(); document.execCommand('insertHTML', false, `📅 ${now} `); pushUndo(); saveToLocal(); });document.getElementById('dividerBtn').addEventListener('click', function() { document.execCommand('insertHTML', false, '

---

'); pushUndo(); saveToLocal(); });// ========== VIEW MENU FUNCTIONS ========== document.getElementById('zoomInBtn').addEventListener('click', function() { zoomLevel = Math.min(zoomLevel + 0.1, 2); editor.style.transform = `scale(${zoomLevel})`; editor.style.transformOrigin = 'top left'; });document.getElementById('zoomOutBtn').addEventListener('click', function() { zoomLevel = Math.max(zoomLevel - 0.1, 0.6); editor.style.transform = `scale(${zoomLevel})`; editor.style.transformOrigin = 'top left'; });document.getElementById('fullscreenBtn').addEventListener('click', function() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else { document.exitFullscreen(); } });// ========== FORMAT MENU FUNCTIONS ========== document.getElementById('fontFamilySelect').addEventListener('change', function() { editor.style.fontFamily = this.value; saveToLocal(); });document.getElementById('fontSizeInput').addEventListener('change', function() { const size = this.value; editor.style.fontSize = size + 'px'; saveToLocal(); });document.getElementById('applyColorBtn').addEventListener('click', function() { const selection = window.getSelection(); if (!selection.rangeCount || selection.isCollapsed) { alert('Please select text first, then choose a color and click Apply.'); return; } const color = document.getElementById('textColorPicker').value; document.execCommand('foreColor', false, color); pushUndo(); saveToLocal(); });document.getElementById('resetFormatBtn').addEventListener('click', function() { if (confirm('Reset all formatting? Text color will be cleared.')) { const allElements = editor.querySelectorAll('*'); allElements.forEach(el => { el.style.color = ''; el.style.backgroundColor = ''; }); editor.style.fontFamily = "'Inter', sans-serif"; editor.style.fontSize = '18px'; document.getElementById('fontFamilySelect').value = "'Inter', sans-serif"; document.getElementById('fontSizeInput').value = 18; pushUndo(); saveToLocal(); alert('Formatting reset!'); } });// ========== HELP MENU ========== document.getElementById('aboutBtn').addEventListener('click', function() { document.getElementById('about-modal').style.display = 'flex'; });// FAB Button document.getElementById('new-note-fab').addEventListener('click', function() { if (confirm('Create new note?')) { editor.innerHTML = ''; pushUndo(); saveToLocal(); } });// Keyboard shortcuts editor.addEventListener('keydown', function(e) { if ((e.ctrlKey || e.metaKey) && e.key === 'z') { e.preventDefault(); document.getElementById('undoBtn').click(); } else if ((e.ctrlKey || e.metaKey) && e.key === 'y') { e.preventDefault(); document.getElementById('redoBtn').click(); } });// Initialize loadFromLocal(); pushUndo(); editor.focus(); console.log('App loaded successfully! All menus should work.');