+
Total words completed
@@ -81,5 +82,9 @@
Average time per word
+
+
diff --git a/html/word-guesser/scripts/script.js b/html/word-guesser/scripts/script.js
index 3cf715d..3283321 100644
--- a/html/word-guesser/scripts/script.js
+++ b/html/word-guesser/scripts/script.js
@@ -35,6 +35,9 @@
lettersLeft = [];
currentWord = [];
+ startTime = null;
+ endTime = null;
+
constructor(wordChoices) {
this.wordChoices = wordChoices;
this.newGame();
@@ -52,6 +55,7 @@
for (let i = 0; i < this.actualWord.length; i++) {
this.currentWord[i] = "_";
}
+ this.startTime = Date.now();
}
// -- Determines if a letter is in a list of letters
@@ -106,20 +110,55 @@
}
this.currentWord = currentWord;
}
+ getUniqueCharCount() {
+ return new Set(this.actualWord).size;
+ }
+ getMaxGesses() {
+ return this.getUniqueCharCount() * 3;
+ }
+ getTotalGuesses() {
+ return this.badGuesses.length + this.goodGuesses.length;
+ }
getGuesses() {
return this.badGuesses;
}
+ getDuration() {
+ const end = this.endTime || Date.now();
+ return (end - this.startTime) / 1000;
+ }
+ getStats() {
+ return {
+ incorrect: this.badGuesses.length,
+ total: this.getTotalGuesses(),
+ time: this.getDuration(),
+ };
+ }
guessCount() {
return this.badGuesses.length + this.goodGuesses.length;
}
- gameOver() {
+ checkWordCompletion() {
for (let i = 0; i < this.actualWord.length; i++) {
if (this.currentWord[i] != this.actualWord[i]) return false;
}
return true;
}
+ gameOver() {
+ // -- Check if game end has already been declared
+ if (this.endTime != null) {
+ return true;
+ }
+
+ const solved = this.checkWordCompletion();
+ const failed = this.getTotalGuesses() >= this.getMaxGesses();
+
+ if (solved || failed) {
+ this.endTime = Date.now();
+ this.wasSolved = solved; // Store result status
+ return true;
+ }
+ }
validateInput(input) {
- const regex = /^[a-zA-Z]$/;
+ const regex = /^[a-zA-Z ]$/;
const result = regex.test(input);
if (!result) {
throw new InvalidGuessError(
@@ -146,7 +185,10 @@
currentWord: "current_word",
notifications: "notifications",
- // Game sprites
+ playAgainButton: "play_again",
+ quitButton: "quit_game",
+
+ // Game dialogs
gameIntro: "game_intro",
gameHowTo: "game-howto",
@@ -176,21 +218,15 @@
// fields.guessLetter.value = "";
fields.guesses.replaceChildren();
fields.currentWord.replaceChildren();
- if (fields.gameHowTo) {
- fields.gameHowTo.style.display = "block";
- }
-}
-class Scoreboard {
- gamesPlayed = 0;
+ fields.gameHowTo.style.display = "block";
}
class Game {
- static scoreboard = new Scoreboard();
- static gamesPlayed = 0;
+ static history = [];
constructor(wordChoices, fields) {
Object.assign(this, fields);
this.wordChoices = wordChoices;
- this.newGame();
+ console.log("test");
this.userName.addEventListener("focus", (event) => {
if (event.target.value == "Guest") {
@@ -202,37 +238,31 @@
this.userName.value = "Guest";
}
});
- const userInfoHandler = (event) => {
+ this.userInfoForm.onsubmit = (event) => {
event.preventDefault();
- this.userInfoForm.style.display = "none";
- this.gameForm.style.display = "block";
console.log("Game ready");
+ this.newGame();
};
- this.userInfoForm.onsubmit = userInfoHandler;
-
- // Use onclick to prevent stacking event listeners across multiple test initializations
- const eventHandler = (event) => {
+ this.playAgainButton.onclick = (event) => this.newGame();
+ this.quitButton.onclick = (event) => this.handleQuit();
+ this.gameForm.onsubmit = (event) => {
event.preventDefault();
- if (this.game.gameOver()) {
- // reset(this);
- // this.gameIntro.innerText =
- // "The game that insults you, whether you win or lose!";
- // this.guessButton.value = "Guess";
- // this.game = new WordGuesser(this.wordChoices);
- this.newGame();
- } else {
+ if (!this.game.gameOver()) {
this.updateGuessButton();
this.handleGuessedLetter(event);
+ } else {
+ this.newGame();
}
};
- this.gameForm.onsubmit = eventHandler;
+ }
+ resetHistory() {
+ Game.history = [];
}
async init() {
this.dialogs = await import("./dialogs.js");
}
showScoreboard() {
- const overlay = document.getElementById("scoreboard_overlay");
- overlay.style.display = "flex";
+ this.scoreboard.style.display = "flex";
}
updateGuessButton() {
this.guessButton.value = this.randomMessage(this.dialogs.guessButton);
@@ -259,11 +289,8 @@
this.guessLetter.value = char;
this.selectedButton = btn;
btn.classList.add("selected");
- // this.handleGuessedLetter(event);
this.guessLetter;
- // this.updateGuessButton();
- // btn.disabled = true;
};
container.appendChild(btn);
});
@@ -271,10 +298,20 @@
reset() {
reset(this);
}
+ handleQuit() {
+ Game.resetHistory();
+ this.userInfoForm.style.display = "block";
+ this.gameForm.style.display = "none";
+ this.scoreboard.style.display = "none";
+ this.reset();
+ }
newGame() {
this.reset();
this.game = new WordGuesser(this.wordChoices);
this.renderAlphabet();
+ this.userInfoForm.style.display = "none";
+ this.gameForm.style.display = "block";
+ this.scoreboard.style.display = "none";
}
// -- Getters
getGuess() {
@@ -315,18 +352,51 @@
this.updateNotifications("✅", message);
}
gameOver() {
+ Game.history.push(this.game);
+ this.updateScoreboard();
this.guessButton.value = this.randomMessage(
this.dialogs.guessButtonDefaultValue,
);
const message = this.randomMessage(this.dialogs.gameOver);
this.updateNotifications("🏆", message);
- Game.gamesPlayed++;
+ this.showScoreboard();
+ }
+ updateScoreboard() {
+ const stats = this.calculateStats();
+ this.totalWordsCompleted.innerText = Game.history.length;
+ this.totalIncorrectGuesses.innerText = stats.incorrect;
+ this.avgGuessesPerWord.innerText = stats.avgGuesses.toFixed(2);
+ this.avgTimePerWord.innerText = stats.avgTime.toFixed(2);
+ }
+ calculateStats() {
+ let totals = { incorrect: 0, guesses: 0, time: 0, solvedCount: 0 };
+
+ for (let i = 0; i < Game.history.length; i++) {
+ const game = Game.history[i];
+ const stats = game.getStats();
+ totals.incorrect += stats.incorrect;
+ totals.guesses += stats.total;
+ totals.time += stats.time;
+
+ if (game.wasSolved) {
+ totals.solvedCount++;
+ }
+ }
+
+ return {
+ solvedCount: totals.solvedCount,
+ incorrect: totals.incorrect,
+ avgGuesses: Game.history.length
+ ? totals.guesses / Game.history.length
+ : 0,
+ avgTime: Game.history.length ? totals.time / Game.history.length : 0,
+ };
}
changeGameIntro() {
let messages = [];
- if (Game.gamesPlayed == 0) {
+ if (Game.history.length == 0) {
messages = this.dialogs.gameIntroInitial;
- } else if (Game.gamesPlayed >= 1) {
+ } else if (Game.history.length >= 1) {
messages = this.dialogs.gameIntro;
}
const message = this.randomMessage(messages);
@@ -352,9 +422,7 @@
if (game.guessCount() == 0) {
this.changeGameIntro();
- if (this.gameHowTo) {
- this.gameHowTo.style.display = "none";
- }
+ this.gameHowTo.style.display = "none";
}
try {
@@ -366,7 +434,6 @@
this.selectedButton.disabled = true;
this.selectedButton.classList.remove("selected");
}
- this.selectedButton.btn.disabled = true;
} catch (e) {
if (e instanceof BadGuessError) {
this.badGuessError();