diff options
| -rw-r--r-- | wk8/pset/trivia/index.html | 16 |
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"> |