Hydroxide Ion Concentration [OH^-]: ${formattedOhConcentration}

`; downloadPdfButton.style.display = 'block'; // Show PDF button // Store calculated data for PDF generation resultArea.dataset.pohValue = poh.toFixed(2); resultArea.dataset.ohConcentration = ohConcentration.toPrecision(6); // Store full precision for PDF resultArea.dataset.formattedOhConcentration = formattedOhConcentration; } /** * Clears the input field, hides the result area, and hides the PDF button. */ function clearAll() { const pohInput = document.getElementById('pohInput'); const resultArea = document.getElementById('resultArea'); const downloadPdfButton = document.getElementById('downloadPdfButton'); if (pohInput) { pohInput.value = ''; } if (resultArea) { resultArea.style.display = 'none'; resultArea.innerHTML = ''; // Clear stored data for PDF delete resultArea.dataset.pohValue; delete resultArea.dataset.ohConcentration; delete resultArea.dataset.formattedOhConcentration; } if (downloadPdfButton) { downloadPdfButton.style.display = 'none'; } } /** * Generates a PDF report of the pOH to [OH-] 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 pohValue = resultArea.dataset.pohValue || 'N/A'; const ohConcentration = parseFloat(resultArea.dataset.ohConcentration); const formattedOhConcentration = resultArea.dataset.formattedOhConcentration || 'N/A'; const generationDate = new Date().toLocaleString(); let yOffset = 20; // Title doc.setFontSize(24); doc.setTextColor(44, 62, 80); doc.text("pOH to Hydroxide Ion Concentration Report", 105, yOffset, { align: 'center' }); yOffset += 20; // Conversion Details doc.setFontSize(16); doc.setTextColor(51, 51, 51); doc.text(`Input pOH Value: ${pohValue}`, 20, yOffset); yOffset += 10; doc.text(`Calculated Hydroxide Ion Concentration [OH⁻]:`, 20, yOffset); yOffset += 10; doc.setFontSize(18); // Larger for the concentration value doc.setTextColor(46, 204, 113); // Green for the result doc.text(formattedOhConcentration, 25, yOffset); doc.setFontSize(16); // Reset font size doc.setTextColor(51, 51, 51); // Reset text color yOffset += 20; // Formula Explanation doc.setFontSize(12); doc.setTextColor(80, 80, 80); doc.text("Formula Used:", 20, yOffset); yOffset += 10; doc.setFont('courier'); // Monospace for formula doc.text("[OH⁻] = 10⁻ᵖᴼᴴ", 25, yOffset); doc.setFont('helvetica'); // Reset font yOffset += 15; doc.text("Explanation:", 20, yOffset); yOffset += 7; const explanationText = "The pOH (power of hydroxide) is a measure of the alkalinity of a solution. It is derived from the hydroxide ion concentration ([OH⁻]) in a similar way that pH is derived from the hydrogen ion concentration. The formula [OH⁻] = 10⁻ᵖᴼᴴ is used to reverse this logarithmic relationship and find the concentration in moles per liter (M)."; const splitExplanation = doc.splitTextToSize(explanationText, 170); doc.text(splitExplanation, 25, yOffset); yOffset += (splitExplanation.length * 7) + 20; // Example Values (Optional) doc.setFontSize(12); doc.text("Common pOH Values and [OH⁻] Concentrations:", 20, yOffset); yOffset += 10; const exampleData = [ ["pOH", "[OH⁻] (M)"], ["0", "1.0 M"], ["1", "0.1 M"], ["7", "1.0 x 10⁻⁷ M (Neutral at 25°C)"], ["13", "1.0 x 10⁻¹³ M"], ["14", "1.0 x 10⁻¹⁴ M"] ]; doc.autoTable({ startY: yOffset, head: [exampleData[0]], body: exampleData.slice(1), theme: 'grid', styles: { fontSize: 10, cellPadding: 2, fillColor: [255, 255, 255] }, headStyles: { fillColor: [209, 236, 241], textColor: [12, 84, 96], fontStyle: 'bold' }, alternateRowStyles: { fillColor: [242, 242, 242] }, columnStyles: { 0: { halign: 'center' }, 1: { halign: 'center' } }, margin: { left: 20, right: 20 }, didDrawPage: function(data) { // Footer for each page doc.setFontSize(9); doc.setTextColor(150, 150, 150); doc.text(`Report Generated: ${generationDate}`, 20, doc.internal.pageSize.height - 15); doc.text("pOH to [OH⁻] Converter Tool", doc.internal.pageSize.width - 20, doc.internal.pageSize.height - 15, { align: 'right' }); } }); // Final page footer (if not already drawn by autoTable) if (doc.autoTable.previous.finalY < doc.internal.pageSize.height - 25) { doc.setFontSize(9); doc.setTextColor(150, 150, 150); doc.text(`Report Generated: ${generationDate}`, 20, doc.internal.pageSize.height - 15); doc.text("pOH to [OH⁻] Converter Tool", doc.internal.pageSize.width - 20, doc.internal.pageSize.height - 15, { align: 'right' }); } doc.save("pOH_to_Hydroxide_Concentration_Report.pdf"); }