Thu, Jul 4, 2024, 10:20 PM -07:00

1 files changed, 11 insertions, 5 deletions

diff --git a/wk8/pset/trivia/index.html b/wk8/pset/trivia/index.html
index 5b01a99..ef74a8f 100644
--- a/wk8/pset/trivia/index.html
+++ b/wk8/pset/trivia/index.html
@@ -7,8 +7,14 @@
         <title>Trivia!</title>
         <script>
             // TODO: Add code to check answers to questions
-            document.querySelector('#answer1').addEventListener('click', function(event) {
-
+            document.querySelector('#answer1').addEventListener('click', function() {
+                document.querySelector('#answer1').style.backgroundColor = green;
+            });
+            document.querySelector('#answer2').addEventListener('click', function() {
+                document.querySelector('#answer2').style.backgroundColor = red;
+            });
+            document.querySelector('#answer3').addEventListener('click', function() {
+                document.querySelector('#answer3').style.backgroundColor = red;
             });
 
         </script>
@@ -23,9 +29,9 @@
                 <h2>Part 1: Multiple Choice </h2>
                 <hr>
                 <h3>QUESTION?</h3>
-                <button>#answer1</button>
-                <button>answer2</button>
-                <button>answer3</button>
+                <button id="answer1">answer1</button>
+                <button id="answer2">answer2</button>
+                <button id="answer3">answer3</button>
             </div>
 
             <div class="section">