Equivalent GPA (5.0 scale): ${gpa5_0.toFixed(2)}

`; downloadPdfButton.style.display = 'block'; // Show PDF button // Store calculated data for PDF generation resultArea.dataset.gpa4_0 = gpa4_0.toFixed(2); resultArea.dataset.gpa5_0 = gpa5_0.toFixed(2); resultArea.dataset.percentage = percentage.toFixed(2); } /** * Clears the input field, hides the result area, and hides the PDF button. */ function clearAll() { const gpa4_0Input = document.getElementById('gpa4_0Input'); const resultArea = document.getElementById('resultArea'); const downloadPdfButton = document.getElementById('downloadPdfButton'); if (gpa4_0Input) { gpa4_0Input.value = ''; } if (resultArea) { resultArea.style.display = 'none'; resultArea.innerHTML = ''; // Clear stored data for PDF delete resultArea.dataset.gpa4_0; delete resultArea.dataset.gpa5_0; delete resultArea.dataset.percentage; } if (downloadPdfButton) { downloadPdfButton.style.display = 'none'; } } /** * Generates a PDF report of the GPA scale conversion. */ function generatePdf() { // Check if jsPDF library is loaded if (typeof window.jspdf === 'undefined' || typeof window.jspdf.jsPDF === 'undefined') { console.error('jsPDF library not loaded. Cannot generate PDF.'); const resultArea = document.getElementById('resultArea'); if (resultArea) { resultArea.innerHTML = '

PDF generation failed. Library not loaded.

'; } return; } const { jsPDF } = window.jspdf; const doc = new jsPDF(); const resultArea = document.getElementById('resultArea'); // Retrieve stored data for PDF const gpa4_0 = resultArea.dataset.gpa4_0 || 'N/A'; const gpa5_0 = resultArea.dataset.gpa5_0 || 'N/A'; const percentage = resultArea.dataset.percentage || 'N/A'; const generationDate = new Date().toLocaleString(); let yOffset = 20; // Title doc.setFontSize(24); doc.setTextColor(44, 62, 80); doc.text("GPA to Percentage Conversion Report", 105, yOffset, { align: 'center' }); yOffset += 20; // Conversion Details doc.setFontSize(16); doc.setTextColor(51, 51, 51); doc.text(`Original GPA (4.0 scale): ${gpa4_0}`, 20, yOffset); yOffset += 10; doc.text(`Equivalent Percentage: ${percentage}%`, 20, yOffset); yOffset += 10; doc.text(`Equivalent GPA (5.0 scale): ${gpa5_0}`, 20, yOffset); yOffset += 20; // Conversion Logic Explained (for clarity in report) doc.setFontSize(12); doc.setTextColor(80, 80, 80); doc.text("Conversion Logic Used:", 20, yOffset); yOffset += 10; doc.text("- 4.0 to Percentage: (GPA on 4.0 / 4.0) * (95 - 50) + 50", 25, yOffset); yOffset += 7; doc.text(" (This maps 4.0 GPA to 95% and 0.0 GPA to 50%)", 25, yOffset); yOffset += 7; doc.text("- 4.0 to 5.0 Scale: (GPA on 4.0 / 4.0) * 5.0", 25, yOffset); yOffset += 20; // Footer doc.setFontSize(9); doc.setTextColor(150, 150, 150); doc.text(`Report Generated: ${generationDate}`, 20, doc.internal.pageSize.height - 15); doc.text("GPA Conversion Tool", doc.internal.pageSize.width - 20, doc.internal.pageSize.height - 15, { align: 'right' }); doc.save("GPA_to_Percentage_Conversion_Report.pdf"); }