alvierahman90/words
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: alvierahman90:cb1fe15cae2a4a236bc2270994f6e75189d9bcf1
Branches Tags
alvierahman90:main
alvierahman90:shalom
...
compare: alvierahman90:faf71e5ed7a9a786d22b4d48610610aabab64dbc
Branches Tags
alvierahman90:main
alvierahman90:shalom

2 Commits
cb1fe15cae ... faf71e5ed7

Author SHA1 Message Date
Alvie Rahman
faf71e5ed7
only flash wrong row when word not valid 2023-08-30 13:15:07 +01:00
Alvie Rahman
4405d97daf
fix animation colours 2023-08-30 13:10:26 +01:00
2 changed files with 11 additions and 9 deletions
Show Stats Expand all files Collapse all files

6
game.js
View File

@ -43,8 +43,10 @@ function checkGridRow() {
console.log(rowWord) console.log(rowWord)
if (!wordlist.valid_inputs.includes(rowWord)) { if (!wordlist.valid_inputs.includes(rowWord)) {
body.classList.add("incorrect") getGridRow(row).items.forEach(item => {
setTimeout( () => body.classList.remove("incorrect"), 500) item.HTMLItem.classList.add("incorrect")
setTimeout( () => item.HTMLItem.classList.remove("incorrect"), 500)
})
return return
} }

14
styles.css
View File

@ -84,37 +84,37 @@ body {
@keyframes correct { @keyframes correct {
0% { 0% {
background: var(--default-bg); background: var(--bg);
} }
50% { 50% {
background: var(--green); background: var(--green);
} }
100% { 100% {
background: var(--default-bg); background: var(--bg);
} }
} }
@keyframes incorrect { @keyframes incorrect {
0% { 0% {
background: var(--default-bg); background: var(--bg);
} }
50% { 50% {
background: var(--red); background: var(--red);
} }
100% { 100% {
background: var(--default-bg); background: var(--bg);
} }
} }
@keyframes clicked { @keyframes clicked {
0% { 0% {
background: var(--default-bg); background: var(--bg);
} }
50% { 50% {
background: var(--dark-bg); background: var(--bg-lc);
} }
100% { 100% {
background: var(--default-bg); background: var(--bg);
} }
} }