Error: ${paradoxScenario.action}

${paradoxScenario.paradox}

`; downloadBtn.style.display = 'none'; // Ensure button stays hidden on error } else { resultsDiv.innerHTML = `

The Time Travel Action: ${paradoxScenario.action}

The Resulting Paradox: ${paradoxScenario.paradox}

`; downloadBtn.style.display = 'block'; // Show download button only on success } }); document.getElementById('clearBtn').addEventListener('click', () => { document.getElementById('timePeriod').value = 'any'; document.getElementById('changeAttempt').value = 'any'; document.getElementById('paradoxType').value = 'any'; document.getElementById('paradoxKeyword').value = ''; document.getElementById('paradoxResults').innerHTML = '

Your time travel paradox scenario will appear here!

'; document.getElementById('downloadPdfBtn').style.display = 'none'; // Hide download button }); document.getElementById('downloadPdfBtn').addEventListener('click', () => { const resultsDiv = document.getElementById('paradoxResults'); // Check if results are error message before attempting to get scenario text if (resultsDiv.textContent.includes("Error:") || resultsDiv.textContent.includes("Your time travel paradox scenario will appear here!")) { alert("No valid paradox scenario to download."); return; } const actionText = resultsDiv.querySelector('p:nth-child(1)') ? resultsDiv.querySelector('p:nth-child(1)').textContent.replace('The Time Travel Action: ', '').trim() : ''; const paradoxText = resultsDiv.querySelector('p:nth-child(2)') ? resultsDiv.querySelector('p:nth-child(2)').textContent.replace('The Resulting Paradox: ', '').trim() : ''; if (!actionText) { // Should not happen if error check passed, but for safety alert("No paradox scenario 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("Time Travel Paradox Scenario", margin, y); y += 15; // Space after title doc.setFontSize(12); doc.setTextColor(52, 58, 64); // Match text-color variable #343a0 // Add The Time Travel Action doc.setFontSize(14); doc.text("The Time Travel Action:", margin, y); y += 8; doc.setFontSize(12); const actionLines = doc.splitTextToSize(actionText, maxLineWidth); doc.text(actionLines, margin, y); y += (actionLines.length * 7) + 10; // Estimate space // Add The Resulting Paradox doc.setFontSize(14); doc.text("The Resulting Paradox:", margin, y); y += 8; doc.setFontSize(12); const paradoxLines = doc.splitTextToSize(paradoxText, maxLineWidth); // Check if paradox fits and add pages if necessary paradoxLines.forEach(line => { if (y + 7 > pageHeight - margin) { // Estimate line height + padding doc.addPage(); y = margin; doc.setFontSize(18); doc.setTextColor(52, 58, 64); doc.text("Time Travel Paradox Scenario (cont.)", margin, y); y += 15; doc.setFontSize(14); doc.text("The Resulting Paradox (cont.):", margin, y); y += 8; doc.setFontSize(12); } doc.text(line, margin, y); y += 7; // Estimate line height }); doc.save('time_travel_paradox.pdf'); });