Hypothesis: ${experiment.hypothesis}

Materials:

${materialsHtml}

Procedure:

${procedureHtml}

Expected Outcome: ${experiment.outcome}

`; downloadPdfBtn.style.display = 'block'; // Show download button only on success } }); document.getElementById('clearBtn').addEventListener('click', () => { document.getElementById('fakeField').value = 'any'; document.getElementById('absurdityLevel').value = 'mild'; document.getElementById('keyMaterial').value = ''; document.getElementById('experimentKeyword').value = ''; document.getElementById('experimentResults').innerHTML = '

Your funny fake science experiment will appear here!

'; document.getElementById('downloadPdfBtn').style.display = 'none'; // Hide PDF button }); // Download PDF Button document.getElementById('downloadPdfBtn').addEventListener('click', () => { const resultsDiv = document.getElementById('experimentResults'); // Check if results are error message before attempting to get experiment text if (resultsDiv.textContent.includes("Error:") || resultsDiv.textContent.includes('Your funny fake science experiment will appear here!')) { alert("No experiment to download."); return; } const titleText = resultsDiv.querySelector('p:nth-child(1)') ? resultsDiv.querySelector('p:nth-child(1)').textContent.replace('Experiment Title: ', '').trim() : ''; const hypothesisText = resultsDiv.querySelector('p:nth-child(2)') ? resultsDiv.querySelector('p:nth-child(2)').textContent.replace('Hypothesis: ', '').trim() : ''; const materialsItems = resultsDiv.querySelectorAll('ul li'); const procedureSteps = resultsDiv.querySelectorAll('ol li'); const outcomeText = resultsDiv.querySelector('p:nth-child(5)') ? resultsDiv.querySelector('p:nth-child(5)').textContent.replace('Expected Outcome: ', '').trim() : ''; if (!titleText) { // Should not happen if check passed, but for safety alert("No experiment to download."); return; } // --- PDF Generation --- const doc = new jsPDF(); const margin = 15; let y = margin; const pageHeight = doc.internal.pageSize.height; const pageWidth = doc.internal.pageSize.width; const maxLineWidth = pageWidth - 2 * margin; // Max width for text line doc.setFontSize(18); doc.setTextColor(52, 58, 64); // Match text-color variable #343a0 doc.text("Funny Fake Science Experiment", margin, y); y += 15; // Space after title doc.setFontSize(12); doc.setTextColor(52, 58, 64); // Match text-color variable #343a0 // Add Title doc.setFontSize(14); doc.text("Experiment Title:", margin, y); y += 8; doc.setFontSize(12); doc.text(doc.splitTextToSize(titleText, maxLineWidth), margin, y); y += (doc.splitTextToSize(titleText, maxLineWidth).length * 7) + 10; // Add Hypothesis doc.setFontSize(14); doc.text("Hypothesis:", margin, y); y += 8; doc.setFontSize(12); const hypothesisLines = doc.splitTextToSize(hypothesisText, maxLineWidth); doc.text(hypothesisLines, margin, y); y += (hypothesisLines.length * 7) + 10; // Add Materials doc.setFontSize(14); doc.text("Materials:", margin, y); y += 8; doc.setFontSize(12); materialsItems.forEach(item => { const itemText = item.textContent.trim(); const itemLines = doc.splitTextToSize(`• ${itemText}`, maxLineWidth - 10); // Add bullet, indent itemLines.forEach(line => { if (y + 7 > pageHeight - margin) { doc.addPage(); y = margin; } doc.text(line, margin + 10, y); // Indent material item y += 7; }); }); y += 10; // Space after materials list // Add Procedure doc.setFontSize(14); doc.text("Procedure:", margin, y); y += 8; doc.setFontSize(12); procedureSteps.forEach((step, index) => { const stepText = step.textContent.trim(); const stepLines = doc.splitTextToSize(`${index + 1}. ${stepText}`, maxLineWidth - 10); // Add number, indent stepLines.forEach(line => { if (y + 7 > pageHeight - margin) { doc.addPage(); y = margin; } doc.text(line, margin + 10, y); // Indent procedure step y += 7; }); }); y += 10; // Space after procedure list // Add Expected Outcome doc.setFontSize(14); doc.text("Expected Outcome:", margin, y); y += 8; doc.setFontSize(12); const outcomeLines = doc.splitTextToSize(outcomeText, maxLineWidth); outcomeLines.forEach(line => { if (y + 7 > pageHeight - margin) { doc.addPage(); y = margin; } doc.text(line, margin, y); y += 7; }); y += 10; doc.save('fake_science_experiment.pdf'); });