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)
if (!wordlist.valid_inputs.includes(rowWord)) {
body.classList.add("incorrect")
setTimeout( () => body.classList.remove("incorrect"), 500)
getGridRow(row).items.forEach(item => {
item.HTMLItem.classList.add("incorrect")
setTimeout( () => item.HTMLItem.classList.remove("incorrect"), 500)
})
return
}

14
styles.css
View File

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