From 8e57df2b1ec0cc3d37c37fde52b4f2714ae974b1 Mon Sep 17 00:00:00 2001
From: Fudgerboy <91767657+Fudgerboy@users.noreply.github.com>
Date: Fri, 5 Jul 2024 05:49:04 +0000
Subject: Thu, Jul 4, 2024, 10:49 PM -07:00

---
 wk8/pset/trivia/index.html | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

(limited to 'wk8/pset/trivia/index.html')

diff --git a/wk8/pset/trivia/index.html b/wk8/pset/trivia/index.html
index b09fba7..ee73a27 100644
--- a/wk8/pset/trivia/index.html
+++ b/wk8/pset/trivia/index.html
@@ -7,8 +7,20 @@
         <title>Trivia!</title>
         <script>
             // TODO: Add code to check answers to questions
-            document.querySelectorAll("correct").addEventListener("click", function() {
-                document.querySelectorAll("correct").style.backgroundColor = "red";
+            document.addEventListener('DOMContentLoaded', function() {
+                let correct = document.querySelector('.correct');
+                correct.addEventListener('click', function() {
+                    correct.style.backgroundColor = 'green';
+                    document.querySelector('#feedback1').innerHTML = 'Correct :3';
+                });
+
+                let incorrects = document.querSelectorAll('.incorrect');
+                for (let i = 0; i < incorrects.length; i++) {
+                    incorrects[i].addEventListener('click', function() {
+                        incorrect.style.backgroundColor = 'red';
+                        document.querySelector('#feedback1').innerHTML = 'Incorrect :(';
+                    });
+                }
             });
 
         </script>
@@ -29,7 +41,7 @@
                 <button class="incorrect">answer2</button>
                 <button class="incorrect">answer3</button>
 
-                <p id="feedback"></p>
+                <p id="feedback1"></p>
 
             </div>
 
-- 
cgit v1.2.3