zaynaib / Hangman-Game

Javascript hangman game 80s theme style

Hangman-Game

Mario Themed Hangman game. Build with HTML, CSS, and Javascript.

Hangman is a game where a word to guess is represented by a row of dashes. Each dash represents each letter of the word. If a user makes an incorrect guess their number of guess goes down one point. The wrong letter will be shown on the bottom of the screen. If the user guess all of the letters to the word right. The game will give the user an option to play again.

Click on the Mario Hangman Link in order to play.

Instructions

---

1. Choose a theme for your game

2. Use key events to listen for the letters that your players will type.

3. Display the following on the page:

4. Press any key to get started!

5. Wins: (# of times user guessed the word correctly).

   • If the word is madonna, display it like this when the game starts: _ _ _ _ _ _ _.

   • As the user guesses the correct letters, reveal them: m a d o _ _ a.

6. Number of Guesses Remaining: (# of guesses remaining for the user).

7. Letters Already Guessed: (Letters the user has guessed, displayed like L Z Y H).

8. After the user wins/loses the game should automatically choose another word and make the user play it.

Hangman Game Bonuses

1. Play a sound or song when the user guesses their word correctly, like in our demo.
2. Write some stylish CSS rules to make a design that fits your game's theme.
3. HARD MODE: Organize your game code as an object, except for the key events to get the letter guessed. This will be a challenge if you haven't coded with JavaScript before, but we encourage anyone already familiar with the language to try this out.
4. Save your whole game and its properties in an object.
5. Save any of your game's functions as methods, and call them underneath your object declaration using event listeners.
6. Don't forget to place your global variables and functions above your object.
   • Remember: global variables, then objects, then calls.

User Story

---

• Mario Theme
• Give user clues to figure out the hangman puzzle
• Give visual feedback on the letters that are already choosen
• Use MVC paradigm for game
• Add javascript test to game
• Win the characters add animation for Mario + to go into a castle
• Win the player losers - Browser Laugh
• Have Mario Game Theme music in background. - option to turn off
• Use local storage to keep track of wins and losses

My To Do List:

---

• Create User story for Hangman game
• Record what I'm doing beginning to end(re watch net ninja)
• Add sprites, sounds, unit testing, class, uml, oop, check out udacity game
• https://www.youtube.com/watch?v=24WkxvVJugE - hangman inspiration