`; if (results.strengths.length > 0) { feedbackHTML += `

Strengths: ${results.strengths.join(', ')}

`; } if (results.weaknesses.length > 0) { feedbackHTML += `

Weaknesses: ${results.weaknesses.join(', ')}

`; } quickFeedback.innerHTML = feedbackHTML; // Set indicators indicatorsGrid.innerHTML = ''; results.indicators.forEach(indicator => { const card = document.createElement('div'); card.className = 'detail-card'; const title = document.createElement('h5'); title.innerHTML = ` ${indicator.title}`; const value = document.createElement('p'); value.innerHTML = `${indicator.value} (Ideal: ${indicator.ideal})`; const rating = document.createElement('p'); rating.innerHTML = `Rating: ${ indicator.rating === 'good' ? 'Good' : indicator.rating === 'average' ? 'Average' : 'Needs Improvement' }`; card.appendChild(title); card.appendChild(value); card.appendChild(rating); indicatorsGrid.appendChild(card); }); // Set recommendations recommendationsList.innerHTML = ''; results.recommendations.forEach(rec => { const li = document.createElement('li'); li.className = 'suggestion'; li.textContent = rec; recommendationsList.appendChild(li); }); // Show results resultsDiv.style.display = 'block'; resultsDiv.scrollIntoView({ behavior: 'smooth' }); }