diff options
| author | Fudgerboy <91767657+Fudgerboy@users.noreply.github.com> | 2024-07-05 06:27:02 +0000 |
|---|---|---|
| committer | Fudgerboy <91767657+Fudgerboy@users.noreply.github.com> | 2024-07-05 06:27:02 +0000 |
| commit | e626a34133ce4335765765d9e839373199a353cf (patch) | |
| tree | 80bc1076f5f02131b4451a5c5e763c20e1d30a80 /wk8/pset | |
| parent | 3a488a5dc0ab64f4e9bef46c09e2f527adbf2efe (diff) | |
Thu, Jul 4, 2024, 11:27 PM -07:00
Diffstat (limited to 'wk8/pset')
| -rw-r--r-- | wk8/pset/trivia/index.html | 11 | ||||
| -rw-r--r-- | wk8/pset/trivia/styles.css | 4 |
2 files changed, 7 insertions, 8 deletions
diff --git a/wk8/pset/trivia/index.html b/wk8/pset/trivia/index.html index b7a20f1..9b854d6 100644 --- a/wk8/pset/trivia/index.html +++ b/wk8/pset/trivia/index.html @@ -1,6 +1,7 @@ <!DOCTYPE html> <html lang="en"> + <head> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet"> <link href="styles.css" rel="stylesheet"> @@ -25,21 +26,18 @@ document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); - if (document.querySelector('#big').value == 'Earl Grey') - { + if (document.querySelector('#big').value == 'Earl Grey') { document.querySelector('#big').style.backgroundColor = 'green'; document.querySelector('#feedback2').innerHTML = 'Correct!'; - } - else - { + } else { document.querySelector('#big').style.backgroundColor = 'red'; document.querySelector('#feedback2').innerHTML = 'Inorrect'; } }); }); - </script> </head> + <body> <div class="header"> <h1>Trivia!</h1> @@ -80,4 +78,5 @@ </div> </div> </body> + </html> diff --git a/wk8/pset/trivia/styles.css b/wk8/pset/trivia/styles.css index 08e359f..0e7c39b 100644 --- a/wk8/pset/trivia/styles.css +++ b/wk8/pset/trivia/styles.css @@ -27,10 +27,10 @@ body { padding: 0.5rem 2rem 1rem 2rem; } -.section:hover { +/* .section:hover { background-color: #f5f5f5; transition: color 2s ease-in-out, background-color 0.15s ease-in-out; -} +} */ h1 { font-family: 'Montserrat', sans-serif; |