Available to view here: https://emcglackenr1.github.io/Vanilla-Javascript-Hangman-Game/
Pure JS Hangman Game. Inspired by Codepen projects such as: simonjsuh, tallulahh and mevko.
As well as content from: Isaacks, J.D. (2018) Get Programming with JavaScript Next
I am currently in the process of adding to this and editing it.
The site is responsive so that it works on any type of device. The layout, text and image size adjust to maintain usability. One example of this can be seen in the keyboard design:
| Keyboard Mobile | Keyboard Desktop |
|---|---|
 |
 |
The keys also fade when they have already been selected. Once a letter is guessed using the keyboard it is disabled and faded. By fading previously selected letters the user is reminded which they have already guessed.
| 0 Mistakes | 1 Mistakes | 2 Mistakes |
|---|---|---|
 |
 |
 |
| 4 Mistakes | 5 Mistakes | 6 Game Lost |
 |
 |
 |
| Win | Lose |
|---|---|
|
|