is affected by the provided CSS code.
The CSS code specifies that any HTML element with the class "title" will have its text color set to white. Therefore, the element
will be directly impacted by this styling rule.
This choice correctly identifies the HTML element that will be affected by the CSS code. The class "title" is explicitly defined in the CSS, which means that any element with this class, including this
, will have its text color changed to white.
The
element is used within the <head> section of an HTML document to define the title that appears in the browser tab. It does not render any visible text on the webpage itself, and therefore, it is not affected by the CSS rule targeting the class "title".</p>
</div>
<div class="rationale-card incorrect-card" data-rationale-option="C">
<div class="card-header">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg>
<span class="card-title">C (<div>title</div>)</span>
<span class="badge-incorrect">YOUR ANSWER</span>
</div>
<p class="card-desc">This <div> does not have a class assigned to it, so it does not inherit any styles from the CSS provided. As a result, the text color of "title" within this <div> remains unaffected and will not be styled as white.</p>
</div>
<div class="rationale-card incorrect-card" data-rationale-option="D">
<div class="card-header">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg>
<span class="card-title">D (<div id="title"></div>")</span>
<span class="badge-incorrect">YOUR ANSWER</span>
</div>
<p class="card-desc">While this <div> element has an ID of "title," the CSS rule specifically targets elements with the class "title." Therefore, this ID-based element will not receive any styling from the provided CSS code, leaving it unaffected.</p>
</div>
<div class="rationale-card">
<div class="card-header">
<span class="card-title">Conclusion</span>
</div>
<p class="card-desc">The CSS code provided clearly targets elements with the class "title," making <div class="title"></div> the only HTML element affected. Other options, including elements without the specified class or those that do not render visible text, remain unaffected by this styling rule. This distinction highlights the importance of class selectors in CSS for applying styles to specific elements in HTML documents.</p>
</div>
</div>
</div>
<div class="related-questions-block">
<div class="section-header">
<h3>Related Questions</h3>
<a href="https://pokerexams.com/library/courses/exams/questions/kvo1-web-development-applications-version-1" class="view-all">View all <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
</div>
<div class="related-list">
<a href="https://pokerexams.com/questions/what-is-the-value-of-a-3455" class="related-item">
<div class="icon-circle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="1"></circle></svg></div>
<div class="related-content">
<p class="related-title">What is the value of a?</p>
<div class="related-meta">
<div class="tag-meta"><span class="dot dot-medium"></span><span class="text-medium">Medium</span></div>
<div class="tag-meta"><svg xmlns="http://www.w3.org/2000/svg" class="flame-icon text-medium" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><span class="text-medium">66% avg</span></div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/questions/which-html-elements-support-the-script-tag-to-invoke-javascript-code-3283" class="related-item">
<div class="icon-circle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="1"></circle></svg></div>
<div class="related-content">
<p class="related-title">Which HTML elements support the tag to invoke JavaScript code?</p>
<div class="related-meta">
<div class="tag-meta"><span class="dot dot-hard"></span><span class="text-hard">Hard</span></div>
<div class="tag-meta"><svg xmlns="http://www.w3.org/2000/svg" class="flame-icon text-hard" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><span class="text-hard">39% avg</span></div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/questions/which-tag-is-required-when-importing-the-jquery-library-8881" class="related-item">
<div class="icon-circle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="1"></circle></svg></div>
<div class="related-content">
<p class="related-title">Which tag is required when importing the jQuery library?</p>
<div class="related-meta">
<div class="tag-meta"><span class="dot dot-hard"></span><span class="text-hard">Hard</span></div>
<div class="tag-meta"><svg xmlns="http://www.w3.org/2000/svg" class="flame-icon text-hard" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><span class="text-hard">38% avg</span></div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/questions/which-attribute-should-a-developer-add-to-an-html-element-to-enable-the-html5-drag-an-5666" class="related-item">
<div class="icon-circle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="1"></circle></svg></div>
<div class="related-content">
<p class="related-title">Which attribute should a developer add to an HTML element to enable th...</p>
<div class="related-meta">
<div class="tag-meta"><span class="dot dot-hard"></span><span class="text-hard">Hard</span></div>
<div class="tag-meta"><svg xmlns="http://www.w3.org/2000/svg" class="flame-icon text-hard" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><span class="text-hard">45% avg</span></div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/questions/which-css-property-should-a-developer-specify-in-the-ahover-rule-set-to-make-the-r-3580" class="related-item">
<div class="icon-circle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="1"></circle></svg></div>
<div class="related-content">
<p class="related-title">Which CSS property should a developer specify in the `a:hover` rule se...</p>
<div class="related-meta">
<div class="tag-meta"><span class="dot dot-easy"></span><span class="text-easy">Easy</span></div>
<div class="tag-meta"><svg xmlns="http://www.w3.org/2000/svg" class="flame-icon text-easy" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><span class="text-easy">80% avg</span></div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
</div>
</div>
</div>
</div>
<div class="sidebar-col">
<div class="card">
<div class="section-header">
<h3>Related Quizzes</h3>
<a href="https://pokerexams.com/library/courses/exams/questions/kvo1-web-development-applications-version-1" class="view-all">View all <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
</div>
<div class="quiz-list">
<a href="https://pokerexams.com/library/courses/exams/questions/0pc1-planning-instructional-strategies-for-meaningful-learning-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">0PC1 Planning Instructional Strategies for Meaningful Learning Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-hard">Hard</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1,168
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
41Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/ap01-elementary-literacy-curriculum-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">AP01 Elementary Literacy Curriculum Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-hard">Hard</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1,769
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
45Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/aq01-applied-healthcare-statistics-c784-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">AQ01 Applied Healthcare Statistics C784 Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-medium">Medium</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
16
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
64Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/aso1-introduction-to-statistics-for-research-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">ASO1 Introduction to Statistics for Research Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-easy">Easy</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
64Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/bj01-introduction-to-business-finance-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">BJ01 Introduction to Business Finance Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-hard">Hard</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
74Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/c172-network-and-security-foundations-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">C172 Network and Security Foundations Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-medium">Medium</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
2
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
66Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/c180-introduction-to-psychology-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">C180 Introduction to Psychology Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-medium">Medium</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
94Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/c180-introduction-to-psychology-version-2" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">C180 Introduction to Psychology Version 2</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-medium">Medium</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
94Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/ckc1-introduction-to-humanities-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">CKC1 Introduction to Humanities Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-hard">Hard</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
3,333
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
45Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
<a href="https://pokerexams.com/library/courses/exams/questions/dz01-mathematics-for-elementary-educators-iii-math-1330-version-1" class="quiz-item">
<div class="quiz-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div>
<div class="quiz-content">
<p class="quiz-title">DZ01 Mathematics for Elementary Educators III MATH 1330 Version 1</p>
<div class="quiz-meta" style="gap: 0.75rem;">
<span class="badge badge-hard">Hard</span>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1
</div>
<div style="display:flex; align-items:center; gap:0.25rem; font-size:0.75rem; color:#6b7280; font-weight:500;">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>
43Q
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
</a>
</div>
</div>
<div class="premium-card" data-nosnippet>
<div class="premium-header">
<div class="crown-box">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="crown-icon"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg>
</div>
<div class="premium-text">
<div class="premium-badge">PREMIUM</div>
<div class="premium-title">Unlock Everything</div>
</div>
</div>
<ul class="premium-features">
<li><span class="check">✓</span> 500+ Practice Questions</li>
<li><span class="check">✓</span> Detailed Explanations</li>
<li><span class="check">✓</span> Progress Analytics</li>
<li><span class="check">✓</span> Exam Simulations</li>
</ul>
<a href="https://pokerexams.com/subscribe/western-governors-university-wgu-exams" class="premium-action-btn">Get Premium Access →</a>
</div>
</div>
</div>
</div>
</div>
<div class="modal-overlay" id="familiarityModal" style="display: none;" data-nosnippet>
<div class="modal-box">
<button class="modal-close" id="closeModal" aria-label="Close modal">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<h3 class="modal-title">How familiar were you with this question?</h3>
<div class="emoji-grid">
<button class="emoji-btn" data-value="Never seen it before"><span class="emoji-icon">😕</span> Never seen it before</button>
<button class="emoji-btn" data-value="Somewhat familiar"><span class="emoji-icon">🤔</span> Somewhat familiar</button>
<button class="emoji-btn" data-value="I recognized it"><span class="emoji-icon">🙂</span> I recognized it</button>
<button class="emoji-btn" data-value="I knew this one well"><span class="emoji-icon">😎</span> I knew this one well</button>
</div>
<div class="feedback-section">
<label>Share your thoughts about this question or the explanation.</label>
<textarea placeholder="Write your thoughts, tips, or insights about this question."></textarea>
</div>
<div class="modal-footer">
<button class="btn-skip" id="skipModal">Skip</button>
<button class="btn-submit">Submit</button>
</div>
</div>
</div>
<div id="intToast" class="int-toast"></div>
<div class="int-modal-overlay" id="intModalFlag" data-nosnippet>
<div class="int-modal-box">
<button class="int-modal-close" aria-label="Close modal">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<h3 class="int-modal-title">Report an Issue</h3>
<p class="int-modal-subtitle">Help us improve by flagging this content.</p>
<form id="intFormFlag" action="https://pokerexams.com/interaction/flag">
<div class="int-form-group">
<label class="int-label">Reason</label>
<select name="reason" class="int-select" required>
<option value="" disabled selected>Select a reason...</option>
<option value="Incorrect Answer">Incorrect Answer / Rationale</option>
<option value="Typo">Typo / Grammatical Error</option>
<option value="Broken Image">Broken Image or Layout</option>
<option value="Outdated">Outdated Information</option>
<option value="Other">Other</option>
</select>
</div>
<div class="int-form-group">
<label class="int-label">Additional Comments (Optional)</label>
<textarea name="comment" class="int-textarea" placeholder="Please provide more details so we can fix it quickly."></textarea>
</div>
<button type="submit" class="int-btn-submit">Submit Report</button>
</form>
</div>
</div>
<div class="int-modal-overlay" id="intModalRate" data-nosnippet>
<div class="int-modal-box">
<button class="int-modal-close" aria-label="Close modal">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<h3 class="int-modal-title" style="text-align: center;">Rate this Practice Test</h3>
<p class="int-modal-subtitle" style="text-align: center;">How helpful was this material?</p>
<form id="intFormRate" action="https://pokerexams.com/interaction/rate">
<div class="int-stars">
<input type="radio" name="rating" id="star5" class="int-star-input" value="5" required>
<label for="star5" class="int-star-label"><svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></label>
<input type="radio" name="rating" id="star4" class="int-star-input" value="4">
<label for="star4" class="int-star-label"><svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></label>
<input type="radio" name="rating" id="star3" class="int-star-input" value="3">
<label for="star3" class="int-star-label"><svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></label>
<input type="radio" name="rating" id="star2" class="int-star-input" value="2">
<label for="star2" class="int-star-label"><svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></label>
<input type="radio" name="rating" id="star1" class="int-star-input" value="1">
<label for="star1" class="int-star-label"><svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></label>
</div>
<div class="int-form-group">
<label class="int-label">Review (Optional)</label>
<textarea name="comment" class="int-textarea" placeholder="What did you like? What could be improved?"></textarea>
</div>
<button type="submit" class="int-btn-submit">Submit Rating</button>
</form>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const optionButtons = document.querySelectorAll('.option-btn');
const statusElement = document.getElementById('rationaleStatus');
const isMultiChoice = false;
const exactCorrectAnswer = 'A';
const questionId = '10894';
const familiarityModal = document.getElementById('familiarityModal');
const submitModal = document.querySelector('#familiarityModal .btn-submit');
const emojiBtns = document.querySelectorAll('.emoji-btn');
const feedbackTextarea = document.querySelector('.feedback-section textarea');
let selectedFamiliarity = '';
let quizAnswered = false;
emojiBtns.forEach(btn => {
btn.addEventListener('click', function() {
emojiBtns.forEach(b => b.classList.remove('active'));
this.classList.add('active');
selectedFamiliarity = this.getAttribute('data-value');
});
});
if(submitModal) {
submitModal.addEventListener('click', function() {
if (!selectedFamiliarity) {
alert('Please select how familiar you were with the question.');
return;
}
const originalBtnText = this.textContent;
this.textContent = 'Saving...';
this.disabled = true;
fetch(`/questions/${questionId}/feedback`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'Accept': 'application/json'
},
body: JSON.stringify({
familiarity: selectedFamiliarity,
feedback_text: feedbackTextarea.value
})
}).finally(() => {
familiarityModal.style.display = 'none';
this.textContent = originalBtnText;
this.disabled = false;
});
});
}
if (isMultiChoice) {
const correctArray = exactCorrectAnswer.split(',').map(s => s.trim()).filter(Boolean).sort();
optionButtons.forEach(button => {
button.addEventListener('click', function() {
if(quizAnswered) return;
this.classList.toggle('is-selected');
});
});
document.getElementById('submitMultiBtn').addEventListener('click', function() {
if(quizAnswered) return;
let selectedOptions = [];
document.querySelectorAll('.option-btn.is-selected').forEach(btn => {
selectedOptions.push(btn.getAttribute('data-option'));
});
if(selectedOptions.length === 0) {
alert("Please select at least one answer.");
return;
}
quizAnswered = true;
document.getElementById('optionsContainer').style.display = 'none';
this.parentElement.style.display = 'none';
document.getElementById('rationaleContainer').style.display = 'block';
setTimeout(() => { if (familiarityModal) familiarityModal.style.display = 'flex'; }, 15000);
selectedOptions.sort();
const pickedAnswerStr = selectedOptions.join(', ');
const exactCorrectStr = correctArray.join(', ');
const isFullyCorrect = JSON.stringify(selectedOptions) === JSON.stringify(correctArray);
document.querySelectorAll('.rationale-card').forEach(card => {
card.classList.remove('user-selected-wrong');
});
if (!isFullyCorrect) {
selectedOptions.forEach(opt => {
if (!correctArray.includes(opt)) {
document.querySelectorAll('.rationale-card').forEach(card => {
if (card.getAttribute('data-rationale-option') === opt) {
card.classList.add('user-selected-wrong');
}
});
}
});
}
if (isFullyCorrect) {
statusElement.innerHTML = `
<div class="flex flex-wrap gap-3" style="margin-top: 0.75rem;">
<div class="flex items-center gap-2 px-3 py-1-5 rounded-lg text-sm font-semibold bg-emerald-100 text-emerald-700">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>
Your Answer: Option(s) ${pickedAnswerStr}
</div>
</div>
`;
} else {
statusElement.innerHTML = `
<div class="flex flex-wrap gap-3" style="margin-top: 0.75rem;">
<div class="flex items-center gap-2 px-3 py-1-5 rounded-lg text-sm font-semibold bg-red-100 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg>
Your Answer: Option(s) ${pickedAnswerStr}
</div>
<div class="flex items-center gap-2 px-3 py-1-5 rounded-lg text-sm font-semibold bg-emerald-100 text-emerald-700">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>
Correct Answer: Option(s) ${exactCorrectStr}
</div>
</div>
`;
}
});
} else {
optionButtons.forEach(button => {
button.addEventListener('click', function() {
if(quizAnswered) return;
quizAnswered = true;
const pickedAnswer = this.getAttribute('data-option');
document.querySelectorAll('.rationale-card').forEach(card => {
card.classList.remove('user-selected-wrong');
});
if (pickedAnswer !== exactCorrectAnswer) {
document.querySelectorAll('.rationale-card').forEach(card => {
if (card.getAttribute('data-rationale-option') === pickedAnswer) {
card.classList.add('user-selected-wrong');
}
});
}
if (pickedAnswer === exactCorrectAnswer) {
statusElement.innerHTML = `
<div class="flex flex-wrap gap-3" style="margin-top: 0.75rem;">
<div class="flex items-center gap-2 px-3 py-1-5 rounded-lg text-sm font-semibold bg-emerald-100 text-emerald-700">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>
Your Answer: Option ${pickedAnswer}
</div>
</div>
`;
} else {
statusElement.innerHTML = `
<div class="flex flex-wrap gap-3" style="margin-top: 0.75rem;">
<div class="flex items-center gap-2 px-3 py-1-5 rounded-lg text-sm font-semibold bg-red-100 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg>
Your Answer: Option ${pickedAnswer}
</div>
<div class="flex items-center gap-2 px-3 py-1-5 rounded-lg text-sm font-semibold bg-emerald-100 text-emerald-700">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>
Correct Answer: Option ${exactCorrectAnswer}
</div>
</div>
`;
}
});
});
}
});
</script>
<script defer src="https://pokerexams.com/js/question-page.js"></script>
<a href="https://api.whatsapp.com/send/?phone=15107718152&text=Hello&type=phone_number&app_absent=0" class="wa-floating-widget" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="24" height="24">
<path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/>
</svg>
<span class="wa-text">Chat on WhatsApp</span>
</a>
</body>
</html> 