diff options
| author | Fudgerboy <91767657+Fudgerboy@users.noreply.github.com> | 2024-07-05 05:25:57 +0000 |
|---|---|---|
| committer | Fudgerboy <91767657+Fudgerboy@users.noreply.github.com> | 2024-07-05 05:25:57 +0000 |
| commit | 2e6689a617e0a63f1946a5b076c3147a77efc4cc (patch) | |
| tree | 0e304a4f68e694b820296f528929fdf393a85436 /wk8/pset/trivia | |
| parent | da01f42fb2dd18f3ec48d34c0b32db86f06df271 (diff) | |
Thu, Jul 4, 2024, 10:25 PM -07:00
Diffstat (limited to 'wk8/pset/trivia')
| -rw-r--r-- | wk8/pset/trivia/index.html | 26 |
1 files changed, 9 insertions, 17 deletions
diff --git a/wk8/pset/trivia/index.html b/wk8/pset/trivia/index.html index eb9bb37..744c6e5 100644 --- a/wk8/pset/trivia/index.html +++ b/wk8/pset/trivia/index.html @@ -5,7 +5,13 @@ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet"> <link href="styles.css" rel="stylesheet"> <title>Trivia!</title> + <script> + // TODO: Add code to check answers to questions + document.querySelector('button').addEventListener('click', function(event) { + }); + + </script> </head> <body> <div class="header"> @@ -17,23 +23,9 @@ <h2>Part 1: Multiple Choice </h2> <hr> <h3>QUESTION?</h3> - <button id="answer1">answer1</button> - <button id="answer2">answer2</button> - <button id="answer3">answer3</button> - <script> - // TODO: Add code to check answers to questions - let body = document.querSelector('body'); - document.querySelector('#answer1').addEventListener('click', function() { - body.style.backgroundColor = green; - }); - document.querySelector('#answer2').addEventListener('click', function() { - body.style.backgroundColor = red; - }); - document.querySelector('#answer3').addEventListener('click', function() { - body.style.backgroundColor = red; - }); - - </script> + <button>answer1</button> + <button>answer2</button> + <button>answer3</button> </div> <div class="section"> |