diff options
Diffstat (limited to 'wk8/pset/trivia')
| -rw-r--r-- | wk8/pset/trivia/index.html | 18 |
1 files changed, 15 insertions, 3 deletions
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> |