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

---
 wk8/pset/trivia/index.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

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

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">
-- 
cgit v1.2.3