You know the word-guessing game hangman? Well that's what you'll be building with this assignment.

Basically, it works like this:

• The app starts by choosing a random word
• The player can guess a single letter at a time
• The player has a fixed number of turns in which to guess all of the letters in the word
• The app should indicate when the player has won or lost

Please feel free to get fancy with it!

After completing this assignment, you should…

• Understand functions, conditionals, loops, arrays
• Be able to properly sequence JavaScript statements
• Be able to change the DOM based on application state (win/loss, valid/invalid guess)

npm install

npm run start

control c

• Create your project
• import the common words into whatever file you need to use it (IE game.js or index.js)

Say your game logic has chosen the word: "hello".

You should display:

_ _ _ _ _

A visual indication (such as an underscore) for each letter in the word.

You should also display the number of turns remaining:

Turns: 8

Next, the user guesses: a

You should decrement the number of turns remaining:

Turns: 7

Next, the user guesses: l

You should display:

_ _ l l _

And so forth.

• An app containing at least:
  • index.html
  • css
  • One or more JavaScript files

The game should:

• Choose a random word of 3 letters or more from the commonWords array
• Allow the user to guess one letter at a time
• When the user runs out of turns, show a losing screen
• When the user guesses all of the letters in the word, show a winning screen

Normal mode plus the following:

• Make it look good!
• Don't let the user guess the same letter more than once
• Display all guesses on screen so the user knows what letters he/she has guessed already

Hard mode plus any or all of the following:

• Instead of showing the number of turns, you could show a health meter
• Try playing a sound when the user guesses incorrectly
• When the player loses, play a video or show some funny losing animation