Added exemption quiz results functionality

Signed-off-by: Natalia Luzuriaga <natalia.luzuriaga@cms.hhs.gov>

Author: natalialuzuriaga

css/styles.css

@@ -76,6 +76,14 @@ textarea {
     font-size: 20px;
 }
 
+.exemptions-quiz-container #quiz-subheading {
+    margin: 10px 0px 20px 0px;
+}
+
+/* .results-container p {
+    margin: 20px 0px;
+} */
+
 @keyframes slideDown {
     from {
         opacity: 0;

index.html

@@ -61,8 +61,10 @@
 	<div id="form-header"></div>
 
 	<div id="exemptions">
-		<p id="exemptions-header"></p>
+		<div id="exemptions-header"></div>
 		<div class="exemptions-quiz-container">
+			<h4 id="quiz-subheading"> Answer the series of questions below to determine if your project falls under the
+				4 exemption categories according to the SHARE IT Act. </h4>
 			<div id="exemptions-quiz">
 				<fieldset class="usa-fieldset">
 					<div class="usa-checkbox">
@@ -125,15 +127,13 @@
 					</div>
 				</fieldset>
 				<button type="button" onclick="determineExemptions()">Submit</button>
-				<br>
 			</div>
 		</div>
 		<div class="results" style="display: none;">
 			<div class="results-container">
 				<p class="exemption-result">Your project </p>
-				<br>
 			</div>
-			<a href="#" class="doc-link" onclick="handleClick(event)">Try Again</a>
+			<button onclick="handleClick(event)">Try Again</button>
 		</div>
 	</div>
 

js/exemptionQuizHandler.js

@@ -10,11 +10,36 @@ function determineExemptions() {
 
     console.log("Selected answers:", checkedValues);
 
+    const results = determineResults(checkedValues);
+
     // Display results
     quizContainer.style.display = "none";
     resultsContainer.style.display = "block";
-    exemptionResult.innerHTML = `Your project is: <strong>EXEMPTED</strong><br />
-                              <p>This will be denoted by. The field has been filled out according in the form below.</p>`;
+    exemptionResult.innerHTML = results;
+}
+
+function determineResults(checkedValues) {
+
+    var text = "";
+
+    // Project qualifies for the SHARE IT Act
+    if (checkedValues.includes("none")) {
+        text = `<h4>Your project is: <strong>NOT EXEMPTED</strong></h4>
+                <p>Based on your selections, your project qualifies for the SHARE IT Act ✅</p>
+                <p>If your repository is public, mark <code>usageType</code> as <strong>openSource</strong>.</p>
+                <p>If your repository is private/internal, mark <code>usageType</code> as <strong>governmentWideReuse</strong>.</p>`;
+    }
+    // Project is exempted
+    else {
+        const selections = checkedValues.join(", ");
+        text = `<h4>Your project is: <strong>EXEMPTED</strong></h4>
+                <p>Based on your selections, your project is exempted from the SHARE IT Act ❌</p>
+                <p>We've marked this in the form below for you as: <strong>${selections}</strong></p>
+                <p>Be sure to include a 1–2 sentence justification in the <code>exemptionText</code> field to support the exemption determination.</p>`;
+    }
+
+    return text;
+
 }
 
 function uncheckAllCheckboxes() {

js/generateFormComponents.js

@@ -256,7 +256,7 @@ function createFormHeading(title, description) {
 
 function createExemptionsBox() {
 	const container = document.getElementById("exemptions-header")
-	container.innerHTML = `<div class="step-header"><div class="step-number">1</div><h3>Is my project exempted from the SHARE IT Act?</h3></div> \n <h4> Answer the series of questions below to determine if your project falls under the 4 exemption categories according to the SHARE IT Act. </h4>`
+	container.innerHTML = `<div class="step-header"><div class="step-number">1</div><h3>Is my project exempted from the SHARE IT Act?</h3></div>`
 }
 
 function createAutoGenerationBox() {