hangman: show secret word after player loses

bradtraversy · Feb 4, 2020 · d0b49c6 · d0b49c6
1 parent 2562c97
commit d0b49c6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/hangman/index.html b/hangman/index.html
@@ -41,6 +41,7 @@ <h1>Hangman</h1>
     <div class="popup-container" id="popup-container">
       <div class="popup">
         <h2 id="final-message"></h2>
+        <h3 id="final-message-reveal-word"></h3>
         <button id="play-button">Play Again</button>
       </div>
     </div>

diff --git a/hangman/script.js b/hangman/script.js
@@ -4,6 +4,7 @@ const playAgainBtn = document.getElementById('play-button');
 const popup = document.getElementById('popup-container');
 const notification = document.getElementById('notification-container');
 const finalMessage = document.getElementById('final-message');
+const finalMessageRevealWord = document.getElementById('final-message-reveal-word');
 
 const figureParts = document.querySelectorAll('.figure-part');
 
@@ -63,6 +64,7 @@ function updateWrongLettersEl() {
 	// Check if lost
 	if (wrongLetters.length === figureParts.length) {
 		finalMessage.innerText = 'Unfortunately you lost. 😕';
+		finalMessageRevealWord.innerText = `...the word was: ${selectedWord}`;
 		popup.style.display = 'flex';
 
 		playable = false;