TREEHOUSE - FULL STACK TECHDEGREE 👍
The player’s goal is to guess all the letters in a hidden, random phrase. At the beginning, the player only sees the number of letters and words in the phrase, represented by blank boxes on the screen.
The player clicks an onscreen keyboard to guess letters in the phrase. The letter is disabled on the onscreen keyboard and a player can't select that letter again.
If the selected letter is in the phrase at least once, the letter and its position in the phrase is highlighted on screen. All instances of the letter are made visible (so if there are 3 A's, all of the A's in the phrase appear at once).
If the selected letter is not in the phrase, one of the player's hearts in the scoreboard is changed from a "live" heart to a "lost" heart.
The player keeps choosing letters until they reveal all the letters in the phrase, or they make five incorrect guesses.
- Added the ability to listen for keyboard entry of letters instead of just clicking.
- Added logic to change the button to say "Play Again" after a game instead of "Start Game".
- Added hover effect for start button to change color on hover
- Added custom colors for the letter reveal, matched, and missed keys.
- Added custom overlay colors for the final win or lose
- HTML
- CSS
- JAVASCRIPT