Reading Comprehension Assistant

Reading Comprehension Assistant

1. Paste Your Text

2. Ask Your Questions

3. Review Answers

Answers will appear here after you submit your text and questions.

An error occurred while fetching answers. Please check the console for details.

`; } finally { loadingSpinner.classList.add('hidden'); } }; /** * Renders the questions and answers in the output area. * @param {Array} answersArray - An array of {question, answer} objects. */ const displayAnswers = (answersArray) => { answersOutput.innerHTML = ''; // Clear previous content if (!answersArray || answersArray.length === 0) { answersOutput.appendChild(answersPlaceholder); answersPlaceholder.classList.remove('hidden'); answersPlaceholder.innerText = "No answers were generated. Try rephrasing your questions."; return; } const fragment = document.createDocumentFragment(); answersArray.forEach(item => { const qaBlock = document.createElement('div'); qaBlock.className = 'p-4 border border-gray-200 rounded-lg bg-gray-50'; const questionEl = document.createElement('p'); questionEl.className = 'font-semibold text-gray-800 mb-2'; questionEl.textContent = `Q: ${item.question}`; const answerEl = document.createElement('p'); answerEl.className = 'text-gray-700'; answerEl.textContent = `A: ${item.answer}`; qaBlock.appendChild(questionEl); qaBlock.appendChild(answerEl); fragment.appendChild(qaBlock); }); answersOutput.appendChild(fragment); }; // --- Event Listener --- if (getAnswersBtn) { getAnswersBtn.addEventListener('click', handleGetAnswers); } });
Scroll to Top