Feat: dim wrong rects

caglarturali · Jul 7, 2024 · 77dd2d8 · 77dd2d8
1 parent af5ea94
commit 77dd2d8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -97,6 +97,10 @@ body {
     color: white;
 }
 
+.rect.fail {
+    color: #bbb;
+}
+
 .rect.success {
     background-color: #08a045;
     color: white;

diff --git a/js/wordmasters.js b/js/wordmasters.js
@@ -93,12 +93,14 @@ const wordmasters = {
             }
         }
 
-        // Correct letter, wrong place
+        // Correct letter, wrong place or wrong letter
         for (let i = 0; i < wordLen; i++) {
             if (theWord[i] === theGuess[i]) continue; // Already marked
             if (theWord.includes(theGuess[i]) && letterFreqs[theGuess[i]] > 0) {
                 this.board[this.currRow][i].classList.add('warning');
                 letterFreqs[theGuess[i]]--;
+            } else {
+                this.board[this.currRow][i].classList.add('fail');
             }
         }