fix(guess-the-word): disable random button when showing correct word

Author: Hdoc1509

vanilla/guess-the-word/src/events/handlers/game-over.js

@@ -1,7 +1,7 @@
 import { setIsAlertInitialized } from "@/state/alert";
 import { showCorrectWord } from "@/ui/word";
 import { $hints, $hintsContent } from "@/ui/hints/elements";
-import { $reset } from "@/ui/actions";
+import { $randomWord, $reset } from "@/ui/actions";
 import { CLASSES } from "@/consts/css-classes";
 
 /** @param {Object} params
@@ -12,7 +12,8 @@ export function handleGameOver({ $currentField }) {
     GameAlert.show({ color: "error", text: "😔 Game Over!" });
   });
 
-  showCorrectWord();
+  $randomWord.disabled = true;
+  showCorrectWord().then(() => ($randomWord.disabled = false));
 
   $hints.classList.add(CLASSES.HIDDEN);
   $hintsContent.classList.add(CLASSES.HIDDEN);

vanilla/guess-the-word/src/events/handlers/game-success.js

@@ -7,7 +7,7 @@ import { hasCompletedAllDifficulties } from "@/utils/difficulty/completed";
 import { InsaneDifficulty } from "@/utils/difficulty/insane";
 import { showCorrectWord } from "@/ui/word";
 import { $hints, $hintsContent } from "@/ui/hints/elements";
-import { $reset } from "@/ui/actions";
+import { $randomWord, $reset } from "@/ui/actions";
 import { CLASSES } from "@/consts/css-classes";
 
 export function handleGameSuccess() {
@@ -16,7 +16,8 @@ export function handleGameSuccess() {
     GameAlert.show({ color: "success", text: "🎉 Success!" });
   });
 
-  showCorrectWord();
+  $randomWord.disabled = true;
+  showCorrectWord().then(() => ($randomWord.disabled = false));
 
   if (InsaneDifficulty.isApplied())
     import("@/ui/insane-countdown-bar").then(({ InsaneCountdownBar }) =>

vanilla/guess-the-word/src/events/handlers/random-word.js

@@ -19,7 +19,8 @@ import { RESETS } from "@/consts/resets";
 import { CLASSES } from "@/consts/css-classes";
 
 export async function generateRandomWord() {
-  // FIX: disable random button while showing correct word
+  // TODO: add auxiliary state to ensure that the button is disabled even if
+  // manipulating the DOM
 
   if (words.length === 0) {
     import("./difficulty-complete").then(({ handleDifficultyComplete }) =>