\n`; htmlContent += `\n`; htmlContent += `\n`; htmlContent += `\n`; htmlContent += `\n`; htmlContent += `

Percentage Calculation

\n`; htmlContent += `

Type: ${currentCalculation.type}

\n`; htmlContent += `

Date: ${new Date().toLocaleString()}

\n`; htmlContent += `

Inputs

\n`; htmlContent += `

\n`; for (const [key, value] of Object.entries(currentCalculation.inputs)) { htmlContent += `
• ${key}: ${value}
\n`; } htmlContent += `

\n`; htmlContent += `

Result

\n`; htmlContent += `

${currentCalculation.result.replace(/<[^>]*>/g, '')}

\n`; htmlContent += `

Step-by-Step Solution

\n`; currentCalculation.steps.forEach((step, index) => { htmlContent += `\n`; }); htmlContent += `\n`; htmlContent += ``; const blob = new Blob([htmlContent], { type: 'text/html' }); saveAs(blob, `${filename}.html`); showNotification('HTML downloaded successfully', 'success'); }function downloadMarkdown(filename) { let mdContent = `# Percentage Calculation\n\n`; mdContent += `**Type:** ${currentCalculation.type}\n\n`; mdContent += `**Date:** ${new Date().toLocaleString()}\n\n`; mdContent += `## Inputs\n\n`; for (const [key, value] of Object.entries(currentCalculation.inputs)) { mdContent += `- **${key}:** ${value}\n`; } mdContent += `\n## Result\n\n`; mdContent += `${currentCalculation.result.replace(/<[^>]*>/g, '')}\n\n`; mdContent += `## Step-by-Step Solution\n\n`; currentCalculation.steps.forEach((step, index) => { mdContent += `### Step ${index + 1}: ${step.title}\n\n`; mdContent += `\`\`\`\n${step.content}\n\`\`\`\n\n`; }); const blob = new Blob([mdContent], { type: 'text/markdown' }); saveAs(blob, `${filename}.md`); showNotification('Markdown downloaded successfully', 'success'); }function downloadDOCX(filename) { // Create document const doc = new Document({ sections: [{ properties: {}, children: [ new Paragraph({ text: "Percentage Calculation", heading: HeadingLevel.HEADING_1, alignment: AlignmentType.CENTER, spacing: { after: 300 } }), new Paragraph({ text: `Type: ${currentCalculation.type}`, spacing: { after: 200 } }), new Paragraph({ text: `Date: ${new Date().toLocaleString()}`, spacing: { after: 300 } }), new Paragraph({ text: "Inputs", heading: HeadingLevel.HEADING_2, spacing: { after: 200 } }) ] }] }); // Add inputs for (const [key, value] of Object.entries(currentCalculation.inputs)) { doc.addSection({ properties: {}, children: [ new Paragraph({ text: `${key}: ${value}`, spacing: { after: 100 } }) ] }); } // Add result doc.addSection({ properties: {}, children: [ new Paragraph({ text: "Result", heading: HeadingLevel.HEADING_2, spacing: { after: 200 } }), new Paragraph({ text: currentCalculation.result.replace(/<[^>]*>/g, ''), spacing: { after: 300 } }) ] }); // Add steps doc.addSection({ properties: {}, children: [ new Paragraph({ text: "Step-by-Step Solution", heading: HeadingLevel.HEADING_2, spacing: { after: 200 } }) ] }); currentCalculation.steps.forEach((step, index) => { doc.addSection({ properties: {}, children: [ new Paragraph({ text: `Step ${index + 1}: ${step.title}`, heading: HeadingLevel.HEADING_3, spacing: { after: 100 } }), new Paragraph({ text: step.content, spacing: { after: 200 } }) ] }); }); // Save the document Packer.toBlob(doc).then(blob => { saveAs(blob, `${filename}.docx`); showNotification('DOCX downloaded successfully', 'success'); }); }// Add enter key support for inputs document.querySelectorAll('input[type="number"]').forEach(input => { input.addEventListener('keypress', (e) => { if (e.key === 'Enter') { const activeTab = document.querySelector('.tab-content.active').id; switch(activeTab) { case 'basic': calculateBasic(); break; case 'whatPercent': calculateWhatPercent(); break; case 'increase': calculateIncrease(); break; case 'decrease': calculateDecrease(); break; case 'difference': calculateDifference(); break; case 'reverse': calculateReverse(); break; case 'fraction': calculateFraction(); break; case 'tip': calculateTip(); break; } } }); });