.", score: 3, label: "B" }, { text: "Ignore their feedback and continue working in your preferred style.", score: 2, label: "C" }, { text: "Complain to coworkers about your manager's communication style.", score: 1, label: "D" } ], bestOptionIndex: 0, explanation: "Adapting working styles to match manager expectations builds strong collaboration." },// --- STREAMING_CHUNK: Injecting Advertisement Slot #4... --- { id: "AD_SLOT_4", isAd: true },{ id: 39, category: "Adaptability & Growth Mindset", difficulty: "Advanced", question: "A disruptive industry innovation threatens your current team's workflow. You:", options: [ { text: "Research the innovation, run pilot tests, and help the team adapt to the shift.", score: 4, label: "A" }, { text: "Monitor developments, waiting for management to issue formal transition guidelines.", score: 3, label: "B" }, { text: "Downplay the innovation's impact, assuming it is just a passing trend.", score: 2, label: "C" }, { text: "Actively resist learning the new skills, relying on your current expertise.", score: 1, label: "D" } ], bestOptionIndex: 0, explanation: "Proactively researching innovations helps teams stay competitive and relevant." }, { id: 40, category: "Adaptability & Growth Mindset", difficulty: "Advanced", question: "An emergency forces you to step into a leadership role you feel unprepared for. You:", options: [ { text: "Embrace the challenge, focus on core priorities, and seek support where needed.", score: 4, label: "A" }, { text: "Accept the role reluctantly, taking minimal risks to avoid mistakes.", score: 3, label: "B" }, { text: "Decline the role, stating that you do not feel qualified for the responsibility.", score: 2, label: "C" }, { text: "Step in but complain constantly about the unfairness of the situation.", score: 1, label: "D" } ], bestOptionIndex: 0, explanation: "Stepping up during emergencies builds confidence and shows strong leadership potential." } ];// Global state storage object let userAnswers = {};// Initialize and render all questions window.onload = function() { renderQuestions(); updateProgressBar(); };function renderQuestions() { const form = document.getElementById('quiz-form'); form.innerHTML = ''; let realQuestionCounter = 0;questions.forEach((q, index) => { if (q.isAd) { // Inject structured AdSense placeholders dynamically in the form list. const adDiv = document.createElement('div'); adDiv.className = "my-6 p-4 bg-slate-100 border border-dashed border-slate-300 rounded-xl text-center relative overflow-hidden"; let slotNumber = q.id === "AD_SLOT_2" ? 2 : (q.id === "AD_SLOT_3" ? 3 : 4); adDiv.innerHTML = ` Advertisement `; form.appendChild(adDiv); return; }realQuestionCounter++;// Question card structure const card = document.createElement('div'); card.id = `q-card-${q.id}`; card.className = "bg-white border border-slate-100 rounded-2xl p-5 sm:p-6 shadow-sm transition-all duration-200 hover:border-slate-200";// Meta Header const header = document.createElement('div'); header.className = "flex flex-wrap items-center justify-between gap-2 mb-3"; // Difficulty styling color mapping let diffBadgeColor = "bg-slate-100 text-slate-700"; if (q.difficulty === "Easy") diffBadgeColor = "bg-emerald-50 text-emerald-700 border border-emerald-100"; if (q.difficulty === "Medium") diffBadgeColor = "bg-blue-50 text-blue-700 border border-blue-100"; if (q.difficulty === "Advanced") diffBadgeColor = "bg-indigo-50 text-indigo-700 border border-indigo-100";header.innerHTML = ` ${q.difficulty} `; card.appendChild(header);// Question Text const qText = document.createElement('p'); qText.className = "text-slate-900 font-bold text-base sm:text-lg mb-4 leading-snug"; qText.innerText = q.question; card.appendChild(qText);// Answer Options Container const optionsGrid = document.createElement('div'); optionsGrid.className = "space-y-2.5";q.options.forEach((opt, optIdx) => { const button = document.createElement('button'); button.type = "button"; button.onclick = () => selectOption(q.id, optIdx); button.id = `opt-btn-${q.id}-${optIdx}`; button.className = "w-full text-left p-3.5 rounded-xl border border-slate-200 bg-white hover:bg-slate-50 hover:border-slate-300 transition-all duration-150 flex items-start space-x-3 focus:outline-none";button.innerHTML = ` ${opt.label} ${opt.text} `; optionsGrid.appendChild(button); });card.appendChild(optionsGrid); form.appendChild(card); }); }function selectOption(questionId, optionIdx) { userAnswers[questionId] = optionIdx; // Clear current selected styling inside this specific card const q = questions.find(item => item.id === questionId); q.options.forEach((_, idx) => { const btn = document.getElementById(`opt-btn-${questionId}-${idx}`); if (btn) { btn.className = "w-full text-left p-3.5 rounded-xl border border-slate-200 bg-white hover:bg-slate-50 hover:border-slate-300 transition-all duration-150 flex items-start space-x-3 focus:outline-none"; const lbl = btn.querySelector('.opt-label'); lbl.className = "w-6 h-6 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center shrink-0 font-bold text-xs border border-slate-200 opt-label transition-colors"; } });// Apply selected styling const selectedBtn = document.getElementById(`opt-btn-${questionId}-${optionIdx}`); if (selectedBtn) { selectedBtn.className = "w-full text-left p-3.5 rounded-xl border-2 border-brand-600 bg-brand-50/40 transition-all duration-150 flex items-start space-x-3 focus:outline-none"; const lbl = selectedBtn.querySelector('.opt-label'); lbl.className = "w-6 h-6 rounded-lg bg-brand-600 text-white flex items-center justify-center shrink-0 font-bold text-xs border border-brand-700 opt-label transition-colors"; }updateProgressBar(); }// Calculate current progress function updateProgressBar() { const totalQuestions = questions.filter(q => !q.isAd).length; const answeredCount = Object.keys(userAnswers).length; const percentage = Math.round((answeredCount / totalQuestions) * 100);// Update DOM text elements document.getElementById('progress-percentage-label').innerText = `${percentage}% (${answeredCount}/${totalQuestions} Answered)`; document.getElementById('progress-bar-fill').style.width = `${percentage}%`;const headerSubmitBtn = document.getElementById('header-submit-btn'); const finalSubmitBtn = document.getElementById('final-submit-btn'); const notice = document.getElementById('remaining-count-notice');if (answeredCount === totalQuestions) { // Enable button state headerSubmitBtn.disabled = false; headerSubmitBtn.className = "bg-brand-600 hover:bg-brand-700 text-white font-bold py-2 px-4 rounded-lg text-xs transition-all duration-200 shadow-md shadow-brand-100 cursor-pointer";finalSubmitBtn.disabled = false; finalSubmitBtn.className = "bg-brand-600 hover:bg-brand-700 text-white font-bold text-sm uppercase tracking-wider py-4 px-10 rounded-xl shadow-lg transition-all duration-300 transform hover:-translate-y-0.5 active:scale-95 cursor-pointer";notice.innerHTML = ` All 40 questions complete. Go ahead and calculate!`; notice.className = "text-xs text-emerald-600 font-semibold mt-3"; } else { // Keep disabled headerSubmitBtn.disabled = true; headerSubmitBtn.className = "bg-slate-200 text-slate-400 cursor-not-allowed font-bold py-2 px-4 rounded-lg text-xs transition-all duration-200";finalSubmitBtn.disabled = true; finalSubmitBtn.className = "bg-slate-300 text-slate-500 cursor-not-allowed font-bold text-sm uppercase tracking-wider py-4 px-10 rounded-xl shadow-lg transition-all duration-300 transform active:scale-95";notice.innerHTML = ` Please complete ${totalQuestions - answeredCount} more questions to submit.`; notice.className = "text-xs text-amber-600 font-semibold mt-3"; } }// Locate and scroll to next unanswered item function scrollToNextUnanswered() { const realQuestions = questions.filter(q => !q.isAd); for (let q of realQuestions) { if (userAnswers[q.id] === undefined) { const el = document.getElementById(`q-card-${q.id}`); if (el) { el.scrollIntoView({ behavior: 'smooth', block: 'center' }); // Quick animation flash to grab attention el.classList.add('ring-2', 'ring-brand-500'); setTimeout(() => el.classList.remove('ring-2', 'ring-brand-500'), 1500); break; } } } }// Evaluate inputs and render complex analysis dashboard function evaluateAssessment() { const realQuestions = questions.filter(q => !q.isAd); const totalQuestions = realQuestions.length; const answeredCount = Object.keys(userAnswers).length;if (answeredCount < totalQuestions) { alert("Please answer all 40 questions before computing your results."); return; }// Category score initialization let categories = { "Leadership Initiative": { score: 0, max: 0 }, "Communication Skills": { score: 0, max: 0 }, "Decision-Making Ability": { score: 0, max: 0 }, "Team Management": { score: 0, max: 0 }, "Adaptability & Growth Mindset": { score: 0, max: 0 } };// Aggregate Scores realQuestions.forEach(q => { const selectedIdx = userAnswers[q.id]; const opt = q.options[selectedIdx]; categories[q.category].score += opt.score; categories[q.category].max += 4; // Max score per question is 4 });// Calculate overall percentage let totalWeightedScore = 0; let totalMaxScore = 0; Object.keys(categories).forEach(cat => { totalWeightedScore += categories[cat].score; totalMaxScore += categories[cat].max; }); const overallPercentage = Math.round((totalWeightedScore / totalMaxScore) * 100);// Determine primary dominant category let highestCategory = ""; let highestPercentage = -1;Object.keys(categories).forEach(cat => { const pct = Math.round((categories[cat].score / categories[cat].max) * 100); categories[cat].percent = pct; if (pct > highestPercentage) { highestPercentage = pct; highestCategory = cat; } });// Map highest category to leadership profile archetypes let archetype = ""; let archetypeDesc = ""; let archetypeHighlight = ""; let personalNarrative = "";if (overallPercentage < 55) { archetype = "Emerging Leader"; archetypeHighlight = "Potential, Foundation Building, Direct Learning"; archetypeDesc = "You show strong promise and a baseline respect for high-integrity team operations. Focusing heavily on developing proactive initiative and decision confidence will help transition your style into advanced tiers."; personalNarrative = `

Your results suggest you are in an Emerging Leadership phase. You display a cooperative attitude and value order within structured projects, but may naturally defer to others when sudden challenges arise.

Primary Strengths: You work well with established systems and respect collaborative parameters. People likely value you as a reliable, steady teammate who doesn't complicate operations with unnecessary friction.

Areas of Opportunity: Focus on practicing small acts of daily initiative—speak up early in meetings, volunteer to organize loose project threads, and learn to make calculated decisions even when key data feels incomplete.

`; } else { switch(highestCategory) { case "Leadership Initiative": archetype = "Visionary Leader"; archetypeHighlight = "Proactive Drive, Innovation Focus, Calculated Risk-Taking"; archetypeDesc = "You naturally take control when processes drift, and enjoy setting high-momentum goals. People view you as a highly dependable and self-driven trailblazer."; personalNarrative = `

As a Visionary Leader, your strongest asset is your absolute willingness to step into ambiguous situations and establish clean structures. You don't wait around for permission when systems require optimization.

Primary Strengths: Proactive troubleshooting, high self-reliance, and driving group confidence during transitional phases.

Areas of Opportunity: Ensure your fast-paced initiative doesn't leave more collaborative teammates behind. Dedicate extra effort to active-listening loops to maintain comprehensive team alignment.

`; break; case "Communication Skills": archetype = "Inspirational Leader"; archetypeHighlight = "Active Listening, Persuasion, Empathy Champion"; archetypeDesc = "You communicate with great clarity, leverage deep listening to resolve disputes, and possess a strong talent for building absolute alignment across stakeholders."; personalNarrative = `

As an Inspirational Leader, your superpower lies in emotional intelligence and structured messaging. You excel at translating complex system barriers into relatable goals and bringing out the best in colleagues.

Primary Strengths: Resolving team conflicts, building a safe culture, delivering constructive feedforward, and securing authentic project buy-in.

Areas of Opportunity: Guard against people-pleasing tendencies. At times, strategic leadership requires making unpopular decisions that may temporarily disrupt immediate team comfort.

`; break; case "Decision-Making Ability": archetype = "Strategic Leader"; archetypeHighlight = "Systematic Modeling, Risk Analysis, Decisive Under Pressure"; archetypeDesc = "You possess high strategic judgment, balance daily requirements with long-term upgrades, and make highly objective calls in fast-paced scenarios."; personalNarrative = `

As a Strategic Leader, your approach is highly structured, quantitative, and impact-oriented. You navigate risk with composure and prioritize downstream workflows over emotional preference.

Primary Strengths: Root-cause diagnostics, prioritizing critical workloads, managing vendor blockages, and keeping long-range goals on track.

Areas of Opportunity: Remember that clean metrics only tell half the story. Spend time understanding the subjective, human motivations that drive team performance alongside analytical data points.

`; break; case "Team Management": archetype = "Collaborative Leader"; archetypeHighlight = "Expert Delegation, Inclusive Architecture, Talent Nurturing"; archetypeDesc = "You are an exceptional team coordinator who excels at matching roles with individual growth goals, and building psychologically safe team cultures."; personalNarrative = `

As a Collaborative Leader, you treat management as a supportive resource. You reject old-school micromanagement, focusing instead on empowering individuals and establishing feedback loops.

Primary Strengths: Strategic assignment mapping, building inclusive environments, celebrating team wins, and managing workloads to prevent burnout.

Areas of Opportunity: Practice setting firm performance boundaries. Highly collaborative structures are most effective when paired with clear expectations and active accountability metrics.

`; break; case "Adaptability & Growth Mindset": archetype = "Adaptive Leader"; archetypeHighlight = "Extreme Resilience, Agile Pivot Mastery, Lifelong Curiosity"; archetypeDesc = "You manage structural shifts and cancelled projects with high composure, transforming disruptions into strong learning phases."; personalNarrative = `

As an Adaptive Leader, change is your native environment. You stay cool during abrupt reorganization, view tool changes as personal upgrades, and guide teams through structural transitions.

Primary Strengths: Handling crisis scenarios, exploring market disruptions, reframing setback cycles, and maintaining optimism under volatility.

Areas of Opportunity: While pivot-agility is essential, change can occasionally leave team members feeling untethered. Take time to build stable operational baselines for your team even as strategies shift.

`; break; } }// Update Core Results UI Elements document.getElementById('result-archetype').innerText = archetype; document.getElementById('result-archetype-desc').innerText = archetypeDesc; document.getElementById('overall-percentage').innerText = `${overallPercentage}%`; document.getElementById('archetype-highlight').innerText = archetypeHighlight; document.getElementById('personalized-narrative-box').innerHTML = personalNarrative;// Render visual score category bars const metersContainer = document.getElementById('category-meters-container'); metersContainer.innerHTML = '';// Metric colors matching categories const colorMap = { "Leadership Initiative": "bg-blue-600", "Communication Skills": "bg-emerald-600", "Decision-Making Ability": "bg-indigo-600", "Team Management": "bg-violet-600", "Adaptability & Growth Mindset": "bg-rose-600" };Object.keys(categories).forEach(cat => { const color = colorMap[cat] || "bg-brand-600"; const catData = categories[cat]; const meterDiv = document.createElement('div'); meterDiv.innerHTML = ` `; metersContainer.appendChild(meterDiv); });// Populate Answer Review List buildAnswerReviewList();// Reveal Results Panel const resultsPanel = document.getElementById('results-panel'); resultsPanel.classList.remove('hidden'); // Smoothly scroll down to results section resultsPanel.scrollIntoView({ behavior: 'smooth' }); }// Build the breakdown panel mapping user selections to recommendations function buildAnswerReviewList() { const reviewContainer = document.getElementById('answers-review-list'); reviewContainer.innerHTML = '';let realQuestionCounter = 0;questions.forEach((q) => { if (q.isAd) return; // Skip ad spots in answer key reviewrealQuestionCounter++; const userChoiceIdx = userAnswers[q.id]; const bestChoiceIdx = q.bestOptionIndex; const isUserCorrect = userChoiceIdx === bestChoiceIdx;const userOpt = q.options[userChoiceIdx]; const bestOpt = q.options[bestChoiceIdx];const reviewItem = document.createElement('div'); reviewItem.className = "border border-slate-100 rounded-xl overflow-hidden shadow-sm transition-all";reviewItem.innerHTML = `

Question ${realQuestionCounter} ${q.category}

${q.question}

${isUserCorrect ? 'Best Choice' : 'Alternative' }

`;reviewContainer.appendChild(reviewItem); }); }// Toggle state functions for answers key function toggleReviewItem(btn) { const body = btn.nextElementSibling; const icon = btn.querySelector('.fa-chevron-down'); if (body.classList.contains('hidden')) { body.classList.remove('hidden'); if (icon) icon.classList.add('rotate-180'); } else { body.classList.add('hidden'); if (icon) icon.classList.remove('rotate-180'); } }function toggleAllReviewItems(open) { const list = document.getElementById('answers-review-list'); const bodies = list.querySelectorAll('div.border-t'); bodies.forEach(body => { if (open) { body.classList.remove('hidden'); } else { body.classList.add('hidden'); } }); }// Simple FAQ toggle action function toggleFAQ(btn) { const answer = btn.nextElementSibling; const icon = btn.querySelector('i'); if (answer.classList.contains('hidden')) { answer.classList.remove('hidden'); icon.classList.add('rotate-180'); } else { answer.classList.add('hidden'); icon.classList.remove('rotate-180'); } }// Copy summary to clipboard using older execCommand method to satisfy iframe restrictions safely function copyResultsSummary() { const archetype = document.getElementById('result-archetype').innerText; const percentage = document.getElementById('overall-percentage').innerText; const strengths = document.getElementById('archetype-highlight').innerText; const textToCopy = `=== LEADERSHIP QUOTIENT ASSESSMENT ===\nPrimary Profile: ${archetype}\nLeadership Score: ${percentage}\nKey Strengths: ${strengths}\n======================================\nTake the free test here to benchmark your leadership tendencies across Initiative, Communication, Strategy, Team Management, and Adaptability.`;// Textarea insertion to copy text const dummyTextArea = document.createElement("textarea"); document.body.appendChild(dummyTextArea); dummyTextArea.value = textToCopy; dummyTextArea.select(); try { const successful = document.execCommand('copy'); if(successful) { alert("Assessment summary successfully copied to clipboard!"); } else { alert("Unable to copy. Please copy the text manually."); } } catch (err) { alert("An error occurred during clipboard copy."); } document.body.removeChild(dummyTextArea); }