', `${js}`)); doc.close(); }// Initial run updatePreview();// Event listeners runBtn.addEventListener('click', updatePreview); htmlInput.addEventListener('input', updatePreview); cssInput.addEventListener('input', updatePreview); jsInput.addEventListener('input', updatePreview);// Theme toggle themeToggle.addEventListener('click', () => { currentTheme = currentTheme === 'light' ? 'dark' : 'light'; document.body.setAttribute('data-theme', currentTheme); localStorage.setItem('theme', currentTheme); themeToggle.textContent = currentTheme === 'light' ? '🌙 Dark Mode' : '☀️ Light Mode'; });// Save functionality with timestamp saveBtn.addEventListener('click', () => { const now = new Date(); const timeStr = now.toLocaleString('en-US', { timeZone: 'Asia/Kolkata', hour12: true }); const blob = new Blob([`/* Saved at: ${timeStr} IST */\n\n/* HTML */\n${htmlInput.value}\n\n/* CSS */\n${cssInput.value}\n\n/* JavaScript */\n${jsInput.value}`], { type: 'text/plain;charset=utf-8' }); const link = document.createElement('a'); const fileName = `code_editor_output_${now.toISOString().split('T')[0]}_${now.toTimeString().split(' ')[0].replace(/:/g, '-')}.txt`; link.href = URL.createObjectURL(blob); link.download = fileName; link.click(); });// Clear all functionality clearBtn.addEventListener('click', () => { htmlInput.value = ''; cssInput.value = ''; jsInput.value = ''; updatePreview(); });